-- 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: