Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 2, 2014 at 9:45 pm #259545
    noble51

    Hello:

    I’m using the Avia Layout Builder, I have used the COLOR SELECTION to put a large background and inside that I put 3 columns, the middle column I used the WIDGET AREA.
    In that Widget area I picked a Constant Contact Widget.

    IF you go here: http://www.warrenbsi.com/wbsi-newsletter/

    You can see how the widget does not show up too well over the dark image.
    Is there some sort of CSS code to make that column a transparent color white so you can see the image below but still be able to read the widget info?

    Or CSS that would only change the headline and form field info to #fffff or something?

    Thanks in advance.

    Paul

    May 3, 2014 at 5:11 pm #259741
    Yigit

    Hey Paul!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

    .page-id-1736 #av_section_1 .avia_widget_section {
background: rgba(255,255,255,0.5)!important;
padding: 10px;
}

    255,255,255 is rgb value of the color and 0.5 is opacity level which you can adjust between 0-1
    Have a nice weekend!

    Best regards,
    Yigit

    May 3, 2014 at 6:05 pm #259771
    noble51

    Yigit:

    You’re the man!

    I appreciate it.

    Curious for my own “learning” of CSS what does this do?

    .page-id-1736 #av_section_1 .avia_widget_section {

    Obviously page ID is the specific page ID that this is on.
    What does “#av_section_1” mean? Section 1 of what? The column?
    How about “.avia_widget_section – what does that refer to?

    Thanks again –

    Paul

    May 4, 2014 at 4:11 am #259846
    Ismael

    Hi!

    Glad it is working.

    You’re correct about the page id. The #av_section_1 .avia_widget_section part is the classification or id selector of the current color section. You can see that if you use the firebug console or google chrome’s inspect element.

    Regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.