Button displays different on pages

  • Posts: 78
  • Thank you received: 0
8 years 3 months ago #248267

-- HikaShop version -- : 2.6.1
-- Joomla version -- : 3.6.2
-- Browser(s) name and version -- : Chrome

I have a button 'login to view price' which displays on all product pages.
This button looks different on every page.
Please see attachment. pasteboard.co/c2GWWgg5E.jpg

The shading is different, or the text alignment is different...

Where can I set the style and position for this? I would also like it to be more visible, i.e. lower on the page.

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

  • Posts: 2143
  • Thank you received: 747
8 years 3 months ago #248274

Hi again,

You know that Firebug or a similar browser console is the "go-to" tool for this sort of work, and that here is the documentation for both CSS (for "style") and view/layout (for "position") customizations: www.hikashop.com/support/documentation/1...ize-the-display.html

You might have included a hidden link to your site here with your post. But if not, more can't be said from a screenshot bitmap, anyway.

By the way, it would be a good idea to update your HikaShop to the latest version (2.6.3 at the time of this writing). See the changelog - many improvements have been made since.

Need help with customisations of layouts, style or other site development? PM me!
(Don't forget to turn on "E-mail notification of new messages" )

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

  • Posts: 82906
  • Thank you received: 13378
  • MODERATOR
8 years 3 months ago #248275

Hi,

The shading is not different. It's the same everywhere. The problem is that you have that button for each product of the listing. And thus, the more products are being displayed, the more you have the button superposed, and thus the darker the shading gets as the shading of each button gets superposed.
I would recommend to remove the shading of the button all together in the CSS of your Joomla template.

The thing is that normally, that button should display for each element, not at the top and floating like you have it. It does that because of the CSS of your Joomla template which style the class "modal" as a popup while mootools uses that class for buttons.
If you change the .modal CSS of your template to div.modal, then it will apply that CSS to popups only, and the buttons will display under each product image as they are supposed to, but that might not be what you want.
But that means that when you tweak the CSS of the button in your template to lower it, you need to be careful to use a.modal and not just .modal so that your changes only apply to your buttons and not the popups.

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

  • Posts: 78
  • Thank you received: 0
8 years 3 months ago #248336

Thank you. This make perfect sense.

Funny enough - the button used to display for each element. I think it changed to floating at the top after I did an update - not sure anymore.

I have looked at configuration > display > css
The back-end and front-end css and only found one .modal - the rest are all div.modal :
.modal-body{
max-height: none !important;
}
I am worried I am going to mess this up.
Where exactly do I need to change the css .modal to div.modal.
Which file and which line of text?
I definitely want the button to display for each element and NOT floating on top like it is now.

Thanks for the help.

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

  • Posts: 82906
  • Thank you received: 13378
  • MODERATOR
8 years 3 months ago #248339

Hi,

The CSS of your website is compressed by your template:
kfcc.com.na/templates/kallyas/css/templa...es-..%2Fcss%2Fcustom
So I can't say where you can change it.
You'll have to turn off CSS compression of your template if you want us to be able to check that for you.
But you can also ask your template provider since that CSS must come from the template. They should know better than us.

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

Time to create page: 0.073 seconds
Powered by Kunena Forum