Archived topic

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

4 replies · Started by Jacob on January 7, 2020

Viewing posts 1–5 of 5

January 7, 2020 at 2:28 pm #1125084

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!

January 7, 2020 at 2:29 pm #1125087

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.

January 7, 2020 at 2:40 pm #1125093

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;
}

January 7, 2020 at 2:46 pm #1125103

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

January 7, 2020 at 2:59 pm #1125111

No problem :)

This archived topic is closed to new replies.

Start building better websites today.