CSS Styling for Downloaded Templates

Hi,

Apologies if this has already been answered (have been looking..) but I'm having trouble with getting my gantry based Joomla template to accurately reflect the green template from your template pack.

I found a reference in another post about removing the comments section from the template .css file in order to get the shipping cart/currency changer header graphics and layout working - which it is now (I was testing with the blue theme earlier which uses a .png for the cart background)

I've since swapped to green and am having trouble with the buttons and possibly the Payment Method/Shipping method layouts.

You'll see from the below screenshot that the buttons aren't styled as per the screenshot from the template pack and I'm pretty sure that the length (width) of the Payment method and shipping method boxes should be wider (to the end of the broken line above them?)

Am having trouble finding where in the .css I should be modifying to fix this - help very much appreciated

Thanks,
Damian

Hi,

I think that using some CSS code like this will probably do the job :

.hikashop_payment_methods_table, .hikashop_shipping_group {
width: 100%;
}

Thnaks Mohamed,

That's fixed the box length - but how about the button format? Should it look like the demo template picture?

Thanks - will load the cart to the public site and advise of link

sample site up on live site at:
hartsco.com/index.php/shop

If you have a look on the product page and checkout/cart the buttons don't look to follow the template css.

Thanks,
Damian

Hi - has anyone had a chance to look at the styling yet?

Thanks

Hi,

All these buttons have the same class "hikashop_cart_button" so you can edit the frontend css file of HikaShop via the menu Configuration > Display >CSS, and add the properties of your template's buttons to the class hikashop_cart_button.

www.hikashop.com/support/documentation/1...ize-the-display.html

Thanks - but I'm a little confused.

I paid for and downloaded the template files, copied it to media/com_hikashop/css&images and selected it in the "Styles for the front-end" drop down in System|Display|CSS

Are you saying I now need to add the button CSS into the "Front-end CSS File" file?

What about the rest of the styling? There seem to be other aspects of the applied template that don't match the template screen shot?

I assumed it should look like the template pic once applied as instructed?

Hi,

can someone please help me with this?

Is there a different forum I should be using to ask these questions - i.e. raise a support ticket or such?

I've paid for a business license and for the template pack - I assumed the template would have looked as displayed on your site? If not I may be asking for a refund

Hi, I am just in process of doing the same, and found that the button styling can be changed to the style using General Display Options - Button style - set to css rahter than normal.

Thanks speru,

I have already set the styling to CSS but it still looks different to the demo screen shot. On some pages (further along the check out process) the buttons end up spanning the entire width of the page... not right!

I have now completely commented out the Hika Cart Button CSS in the template CSS and front end CSSand added a complete new one. This now looks like a button - but I'm still a bit perturbed that it hasn't reflected the look of the demo page "out of the box"

I've now spent three evenings working on this when I need to be working on other aspects of the site/cart

Thanks for your reply Nicolas - but that still isn't working..

By putting the button style back to normal, I get the Joomla template style button.

I reverted back to the template css file and did what you outlined above and no go..

Of course now that I've reverted back, any other mods I had made to make it look like the template picture are lost.

What I'm struggling with is that by paying for and downloading the template, I would have assumed that it would look like the picture of the template? Is that wrong? If that is wrong - you probably need to state that a whole bunch of things need to be changed in order to make it actually look like the picture?

Is someone able to tell me ALL the things that need to be changed in order for to look like the picture? Apart from the buttons in general there are the module layouts (Shopping cart/Categories), payment and shipping areas, billing and shipping address, add to cart buttons and quite possibly more that you're not showing the screen shots for.

Love the product - just a bit upset the template are not "as displayed"

Thanks Nicolas - I seemed to have some success with changing the default button behavior to CSS and adding a whole new definition for the hikashop_cart_button, so I will persist with that.