Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 26, 2019 at 8:06 am #1071662
    web4smallbusiness

    I have the following quick css code on my website, as I need to have opaque text boxes, since all pages have background images
    (See example – https://www.artesianpools.com.au/faqs/).

    #top.page .avia_textblock {background: #fff; padding: 20px 10px; border-radius: 4px; opacity:0.8;}

    However, the homepage doesn’t have page background and I need to remove the opaqueness in text boxes from that one page – (.page-id-8 ) as it makes the images at the bottom of the page look dull.
    https://www.artesianpools.com.au/

    How can I do this using quick css please.

    Many thanks
    Ivana

    February 26, 2019 at 9:56 am #1071688
    Evendril

    Hi,

    only for this page and the text boxes at the bottom this should work:

    .page-id-8 #after_section_2 .container .flex_column_table .avia_textblock{
      opacity: 1;
}

    Regards
    Alex

    February 26, 2019 at 9:06 pm #1071984
    web4smallbusiness

    You’re a star! Thank you Alex. That worked perfectly.
    Greatly appreciate your help.

    Ivana

    February 26, 2019 at 9:16 pm #1071988
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Page Colour and Opacity’ is closed to new replies.