Widget Transparent Background

  • Resolved centturian

    (@centturian)


    6 years, 6 months ago

    Hi
    After installing my wordpress site I started to set it up the way I think will please people that want to place free computer ads on the site, but after changing the background to a wood like graphic (only temporary for now) its started to show the widgets + placeholders background as white which looks really ugly. By using css I’m sure I can make the background’s transparent making it look a lot cooler than it is at present.

    Because I’m new to WordPress I’m also no CSS Coder and don’t know where that piece of code should go. So this is the reason for my visit here. Could some one let me know what I should do to make this happen.

    As always many thanks.

    Fabin.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    .content-wrap, .widget, .app-form>fieldset {
    background: transparent;
}

    To add CSS: use the “Additional CSS” option in the customizer. https://codex.www.ads-software.com/CSS#Custom_CSS_in_WordPress

    Learn to use the Chrome Developer Tools to help you see and test changes to your CSS.

    Thread Starter centturian

    (@centturian)

    Hi Steve
    Many thanks for an excellent and simple (I was hoping for that) reply to my somewhat Vague question. I must admit I already knew about the “Additional CSS” option, but not about the Chrome development tools.

    I’ve inspected the site in the past, but its a little confusing (I’ll go to YouTube for a tutorial on that).

    May I ask if you know how to push the banner in the header to the far right of the screen away from the logo on the left.

    Thanks a bunch.

    Fabian.

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    It seems to be there already

    See https://i.imgur.com/DfiHiov.png

    Thread Starter centturian

    (@centturian)

    My apologies Steve

    I’ve just set up a localhost and forgot about the live one.

    I blame it on being 73 as I couldn’t think of anything else.

    I’m sure you’ve got better things to do.

    Thanks anyway.

    Fabian.

    Thread Starter centturian

    (@centturian)

    This is strange

    The CSS code i put into the live site which pushed the header banner over to the right doesn’t work on the Localhost for some reason. I get an error warning:

    Expected RBRACE at line 11, col 1,

    You’d think if it worked in one WordPress it would work in other’s.

    Any theories as to why this is happening. Thanks.

    Fabian.

    Thread Starter centturian

    (@centturian)

    Don’t bother returning Steve

    I sorted the problem by tinkering with the code for half an hour until it all came together.

    Cheers

    Fabian

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Widget Transparent Background’ is closed to new replies.