Close

Styling with CSS

Rgrant
3 years ago
#9793 Quote
Avatar
  • 17
PM
so I want to style my Electronic cart up with colors and font sizes, background images, etc.

For instance I'd like to style the navigation bar.

I don't seem to find it in the styles.css file.

RG
Peter.Zhekov
3 years ago
#9794 Quote
Avatar
  • Moderator
  • 104
PM
Rgrant wrote:
so I want to style my Electronic cart up with colors and font sizes, background images, etc.

For instance I'd like to style the navigation bar.

I don't seem to find it in the styles.css file.

RG


Styles for the navigation bar (probably you mean 'mega menu') you can find here: '~Plugins\SevenSpikes.Nop.Plugins.MegaMenu\Themes\your theme here\Content\MegaMenu.css'.
Regards,
Peter Zhekov
Nop-Templates.com
Rgrant
3 years ago
#9804 Quote
Avatar
  • 17
PM
Peter,

Thanks, that makes sense. Yes using the Mega Menu and many of the other plugins and will check their css files. 
Rgrant
3 years ago
#9806 Quote
Avatar
  • 17
PM
I was hoping to style the menu - change colors, fonts sizez, hover colors, etc. there is no css for this and I don't believe this is the right css file for this. I can remove this css file and the menu still functions.
Boyko
3 years ago
#9808 Quote
Avatar
  • Moderator
  • 1413
PM
Rgrant wrote:
I was hoping to style the menu - change colors, fonts sizez, hover colors, etc. there is no css for this and I don't believe this is the right css file for this. I can remove this css file and the menu still functions.


Hi Rgrant,

The Mega Menu picks up some of its styling from the nopCommerce theme styles.
This is done for consistency, so that if you don't want to use the Mega Menu the Main Menu will look the same at least to the top level items. You can easily see which css styles are loaded and from which file in the Chrome Dev Tools.
Regards,
Boyko Stanev
Nop-Templates.com