Can't change fonts or background color in Market-theme Widget

[Jacob]

Hi GP-team! I would like to ask:

“Market” has a side widget with some CSS-stuff. It has the background color in orange but when I scroll down the menu changes to white and the text becomes blue:
a) Can I set a new color for the text and for the background?
b) Can I use the same fonts as the rest of my website? How?

Thanks!

[Jacob]

Also I use this widget as a side menu. Would be nice to make each menu option with a border (a line above and under or smth). If difficult don’t bother.

[Leo]

Hi there,

Are you using a plugin to make the widget sticky?

If so edit this CSS in Additional CSS field:

.sidebar .widget:first-child {
    background-color: #e86000;
    color: #fff;
}

To this:

.sidebar .widget:first-child, .sidebar #nav_menu-3 {
    background-color: #e86000;
    color: #fff;
}

Then also add this:

.sidebar #nav_menu-3 a, .sidebar #nav_menu-3 .widget-title {
    color: #ffffff;
}

For border:

.sidebar #nav_menu-3 a {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Jacob]

Amazing thanks!
The boarders did not come out so well so I keep it the way it is. The boarders looked more like underlines. The lines would not cover the widget from end-to-end.

Thanks Leo!

/Jacob

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts