Agency Pro – Making Primary Sidebar Widget Transparent

Community Forums Forums Design Tips and Tricks Agency Pro – Making Primary Sidebar Widget Transparent

This topic is: not resolved

This topic contains 6 replies, has 3 voices, and was last updated by  eamonmoriarty 1 month, 1 week ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #119324

    donaldkimgroup@gmail.com
    Member
    Post count: 47

    Hi there,

    I am using the Agency Pro theme.

    How do I make the Primary Sidebar Widget boxes transparent? I’d like to be able to adjust the opacity. I believe that I need to edit some parts of the Stylesheet coding.

    I want to do this for:
    Genesis – eNews Extended
    Recent Posts
    Genesis – User Profile

    Which lines, and what is the code?

    Thanks,
    Donald

    http://www.optimizedwebmedia.com/
    #119357

    eamonmoriarty
    Participant
    Post count: 228

    At line1587 of your style.css you have:

    .sidebar .enews-widget {
        background-color: #333;
    }

    If you change the background color to:

    background-color: rgba(51, 51, 51, 0.8);
    this will give you an 80% opacity of the color #333. Change the 0.8 to change the opacity.

    (You can find a Hex to rgba converter at http://hex2rgba.devoth.com/)

    For the Recent Posts Widget add this to your style.css

    .widget.widget_recent_entries {
        background-color: rgba(255, 255, 255, 0.8);
    }

    For the User Profile Widget add this to the style.css

    .widget.user-profile {
    background-color: rgba(255, 255, 255, 0.8);
    }

    Change the colors and opacity to suit yourself


    Eamon Moriarty
    EM Dzine

    #119449

    donaldkimgroup@gmail.com
    Member
    Post count: 47

    Hi there,

    Thank you so much!

    One other follow-up question: For the Recent Posts Widget and the Profile Widget, how do make the title of each to have white font?

    Best,
    Donald

    #119452

    donaldkimgroup@gmail.com
    Member
    Post count: 47

    Also… for the profile widget, how do I change the font color of the content in the box… right now, with the transparency level, the font color is hard to read… I’d like to go with white.

    Best,
    Donald

    #119780

    eamonmoriarty
    Participant
    Post count: 228

    Good. I think you have found the answers to your supplementary questions already.


    Eamon Moriarty
    EM Dzine

    #119793

    RavenManiac
    Member
    Post count: 24

    I apologize for jumping on your thread, but something that has always annoyed me about the Agency Pro theme is the color flash when you change pages. How would one turn off that effect?

    #119866

    eamonmoriarty
    Participant
    Post count: 228

    I think this may be what you are looking for.
    http://sridharkatakam.com/remove-background-splash-agency-pro-metro-pro/


    Eamon Moriarty
    EM Dzine

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.