Apostrophe 2 – change color

  • Unknown's avatar
    wenbay · Member ·

    Hello, I just upgraded to Premium and I would like to change the burgundy kinda color that is in the background of some of the widgets. I know nothing about coding and could use some assistance. TY :) Wendy

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    wpx2 · Member ·

    Hi Wendy

    Can you please specify which of the widgets exactly? Because you mentioned “some of the widgets”.

    Thank you

  • Unknown's avatar
    wenbay · Member ·

    I am sorry but I guess I meant all the burgundy colored widgets :)

  • kokkieh · Staff ·

    Hi there,

    The sidebar of your theme is actually two sidebars – a primary and a secondary one – which is why only the first bunch of widgets have a different colour.

    Go to My Site ->Customize ->CSS and paste in the following code to change this:

    /*
Change background of primary sidebar to be same as secondary sidebar
*/
.widget-area .sidebar-primary aside {
	background-color: #f8f8f8;
}

    Note your Premium Plan also gives you access to get help with stuff like this via live chat, using the help icon that appears on all the My Site pages.

  • Unknown's avatar
    wenbay · Member ·

    oh, that just opened up more customizing (font color, a odd line… ). I will have to utilized the chat when I have time later. TY so much for your help :)

  • kokkieh · Staff ·

    Oh, you’re right. I should have caught that. This code should work instead:

    /*
Change primary sidebar to use same styling as secondary sidebar
*/
.widget-area .sidebar-primary .widget {
	background-color: #f8f8f8;
	border-top: 4px solid #d9d9d9;
}
.widget-area .sidebar-primary .widget .widget-title {
	color: #a6a6a6;
}
.widget-area .sidebar-primary .widget a {
	color: #6B101C;
}
.widget-area .sidebar-primary .widget a:hover, .widget-area .sidebar-primary aside.jetpack_widget_social_icons ul a:hover {
	color: #213055;
}
/*
End primary sidebar changes
*/
  • Unknown's avatar
    wenbay · Member ·

    oooooh I really like that! TY :)

  • kokkieh · Staff ·

    Glad I could help :)

  • The topic ‘Apostrophe 2 – change color’ is closed to new replies.