Jump to content

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

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

Link to comment
Share on other sites

  • 2 weeks later...

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...