[SOLVED] Centering problem

  • Posts: 332
  • Thank you received: 6
11 years 7 months ago #132347

-- url of the page with the problem -- : Development site not online yet
-- HikaShop version -- : HikaShop Starter 2.2.2, Joomla!™ Online Shop System
-- Joomla version -- : Joomla! 2.5.16 Stable
-- PHP version -- :5.3.27
-- Browser(s) name and version -- : Firefox 25.0
-- Error-message(debug-mod must be tuned on) -- : No Error message

I'm having a problem centering a product page. The CSS is shown in the Style tab but it is not recognized when I look at the Layout nor is it the calculated value. Centering the text on the form worked for the desciption and centering on the h1 tag worked for the title but the rest is a mystery.

Here is the CSS I am using:

.hikashop_product_page {
  background: none repeat scroll 0 0 #FFFFFF;
	border: solid 1px #000000;
	border-radius: 5px;
}
.hikashop_product_page form,
.hikashop_product_top_part h1 {display:block;text-align:center !important;}
.hikashop_product_right_part,
.hikashop_product_left_part {display:block;margin-left:auto !important;margin-right:auto !important;}

Here is a screenshot with developers tools:



If image doesn't display, here is the link:

Last edit: 11 years 6 months ago by LukeDouglas.

Please Log in or Create an account to join the conversation.

  • Posts: 12953
  • Thank you received: 1778
11 years 7 months ago #132373

Hi,

Note that you can also, move each elements of your product page by editing the code of the "show_default" file of your "product" view of your front-end template, through "Hikashop->Display->Views".

Regarding your CSS issue, I can't really help you if I don't have a direct access to your product page, and if you don't show me what element do you want to move and where,

Last edit: 11 years 7 months ago by Mohamed Thelji.

Please Log in or Create an account to join the conversation.

Time to create page: 0.055 seconds
Powered by Kunena Forum