Jump to content
Sign in to follow this  
GregMcMahan

How to enlarge small arrow on subcategory link - Minimaliser skin

Recommended Posts

Hello

I'm using the minimaliser skin (blue) and on the category links I have "shirts" with dropdown links.

328357553_Screenshot_2019-03-01at6_46_29pm.png.75789d7610646a35893fd9e8aac20964.png

I figured out to increase the font size but I can't figure out how to enlarge the small down-pointing arrow. I'd even be happy just changing it's color to something more noticeable, especially on a mobile device. There the arrow is so small and flush right it's barely visible.

 

www.MisterGreggy.com/shopping

Share this post


Link to post
Share on other sites

This uses a technique I have not studied:

.top-bar-section .has-dropdown > a::after {
  border: inset 5px;
  border-top-style: solid;
}

This rule can be found in /blue/navigation.css (lines 464 and 304) several places, as well as in foundation.css several places.

Because /blue/navigation.css is loaded last, these rules have priority.

But, if you edit the main.php template such that cubecart.blue.css is loaded last, you can put the above rule in it.

Or put the above rule as the very last rule in /blue/navigation.css.

The 5px regulates the size. The color is a semi-transparent white with showing some of the background color through it.

Share this post


Link to post
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.

Sign in to follow this  

×
×
  • Create New...