Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • May 18, 2023 at 11:11 pm #1407875
    dereknicholson

    I’m trying to add a box shadown to 6 columns within a color section – If I inspect the page and select the column I can add the line:

    box-shadow: 9px 10px 0px 0px rgba(211,238,239,0.77);

    and it displays perfectly.

    However no matter what I try and do in quick CSS I can’t get it to apply to all columns in the color section

    May 19, 2023 at 12:59 am #1407884
    Mike

    Hey Derek,
    Thank you for the link to your site, in your Quick CSS I see this:

    .flex_column.av-lht0t0qf-fb40fa43be4ee237a2721d3f1363dccc  {
    box-shadow: 9px 10px 0px 0px rgba(211,238,239,0.77);
}

    the class .av-lht0t0qf-fb40fa43be4ee237a2721d3f1363dccc is specifically for the first column only on your homepage in the six column section, so to affect all of the columns this should be removed.
    But then all of the columns on your site will have the box-shadow, so to only apply this to your section on your homepage this should be added: #top.home #av_section_5 .flex_column_table like this:

    #top.home #av_section_5 .flex_column_table .flex_column {
    box-shadow: 9px 10px 0px 0px rgba(211,238,239,0.77);
}

    I adjusted this for you, please clear your browser cache and check.

    Best regards,
    Mike

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