Jump to content

Foundation Custimisation


Recommended Posts

I think that black strip with a duplicate of the word Products is an artifact of of the menu system when it is structured for a small screen.

 

But here are the CSS rules:

.top-bar-section .dropdown li label { background-color: #1a16ca }

.top-bar-section .dropdown label { color: #fff }

Link to comment
Share on other sites

I think that black strip with a duplicate of the word Products is an artifact of of the menu system when it is structured for a small screen.

 

But here are the CSS rules:

.top-bar-section .dropdown li label { background-color: #1a16ca }

.top-bar-section .dropdown label { color: #fff }

Thanks that worked perfectly. Something else I noticed on the Cubecart Demo store is that when you hover over these sub-categories the background goes darker. I also noticed that when you hover over the blue search box the background also changes to #007095. Can you do the same effect for the drop menu and make the background change to #007095?

Link to comment
Share on other sites

You have this on line 17 of cubecart.default.css, so change this background-color:

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:hover:not(.button)

This is the color when the mouse hovers.

 

To this rule, try adding:

transition: background-color 300ms ease-out 0s;

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...