Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 10, 2014 at 9:32 pm #234982
    noble51

    Is it possible to make Icon Boxes a PERCENTAGE of White so you can see the image below it like a transparent look?
    Say a 75% of #ffffff
    Or can the white be changed to a Hex Color?

    I’ve found how to do this to the ICON BOX by using this code:

    .page-id-60 .main_color.iconbox_top .iconbox_content {
    background: rgba(255,255,255,.8);
    }

    What would the CSS be for changing a PROMO BOX??

    See here: http://ng-sandbox.com/warren/dental-plan/
    The test on the Right is with an ICON BOX with the proper ID, how can I change the PROMO box on the left – make that white background the same “TRANSPARENCY”

    Thanks in Advance

    Paul

    March 10, 2014 at 10:04 pm #234990
    noble51

    Also – how do you do a series of page ID’s in this code for ICON BOX transparency?

    For instance, Page ID’s 58 and 60
    Just the 60 works by using:

    .page-id-60 .main_color.iconbox_top .iconbox_content {
    background: rgba(255,255,255,.8);
    }

    But trying to add Page ID in a series does not work:
    .page-id-58, 60 .main_color.iconbox_top .iconbox_content {
    background: rgba(255,255,255,.8);
    }

    Do I have to add this CSS for Each and Every Page ID that has a Icon Box?

    Still needing code for “PROMO BOX” – thanks!

    March 11, 2014 at 6:25 am #235226
    Josue

    Hey!

    The code for the promo box would be:

    .page-id-60 .av_promobox {
    background: rgba(255,255,255,.8);
}

    If you want to target multiples you do it this way:

    .page-id-58 .main_color.iconbox_top .iconbox_content, .page-id-60 .main_color.iconbox_top .iconbox_content, .page-id-38 .main_color.iconbox_top .iconbox_content {
background: rgba(255,255,255,.8);
}

    Cheers!
    Josue

    March 11, 2014 at 6:54 am #235245
    noble51

    Hey Josue!

    The icon box works perfect for multiple page ID’s

    Can you provide code for multiple Promo Boxes? What I’m “trying” just is not working.

    Thanks!

    Paul

    March 11, 2014 at 7:08 am #235253
    Josue
    .page-id-60 .av_promobox, .page-id-48 .av_promobox, .page-id-38 .av_promobox, .page-id-23 .av_promobox {
    background: rgba(255,255,255,.8);
}
  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.