Changing Right Side Bar/Widgets Background

  • Unknown's avatar
    pigpighao · Member ·

    Hello there. I am attempting to change the colour of the widget on my site which uses “Profile” as a theme. Tried to use the following line without any luck. I think it is the opacity setting that’s now working on the widgets, as I can change the background colours to others but altering the first 3 variables.

    Can you please kindly provide some assistance on how best to change opacity of background colour?

    .widget {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    margin: 0;
    padding: 24px;
    background-color: rgba (255,255,255,0.85);
    }

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

  • Unknown's avatar
    justpi · Member ·

    ? When I first checked your blog you had set the whole sidebar to 0.85 opaque, so I couldn’t tell why you wanted to set each widget to the same opacity. And now I see that you removed that, so your sidebar is no longer semi-transparent. What exactly do you want?

  • Unknown's avatar
    designsimply · Member ·

    I checked your blog and found that you used the following CSS to change the opacity for the background of some elements:

    .profile-background-image .postarea, .profile-background-image .featured-page, .profile-background-image .headline-archive {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.85);
}
.sidebar {
	background-color: rgba(255, 255, 255, 0.85);
}

    It appears to be working how you wanted. Nice work!

    If you need further help, please start a new help request.

  • The topic ‘Changing Right Side Bar/Widgets Background’ is closed to new replies.