Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 1, 2021 at 2:25 pm #1308327
    getfletch

    I’ve been trying to work out how to add a grey translucent shading to the light transparent button, everything I’ve tried hasn’t worked, do you have a quick CSS I can add?

    July 2, 2021 at 1:25 pm #1308496
    Rikard

    Hey getfletch,

    Could you post a link to where we can see the button in question please? Also please try to explain your intentions a bit further, or post a screenshot highlighting them.

    Best regards,
    Rikard

    July 2, 2021 at 1:52 pm #1308503
    getfletch

    Hi Rikard

    I’ve attached pictures of the design and screenshots of the front and backed

    I’m using Grid Row, with a background image and a Light Transparent large button

    July 4, 2021 at 4:39 am #1308614
    Rikard

    Hi,

    Thanks for that. So it’s the second screenshot which you need help with designing? If so, then I think it would be better if you use 1/2 elements, instead of of the Portfolio Grid. After you have added the content in 1/2 layout elements, then we can help you out with styling.

    Best regards,
    Rikard

    July 6, 2021 at 3:07 pm #1308944
    getfletch

    Hi Rikard

    Yes. the design layout. I was using GridRow with an image background so I could add the large/ button

    Updated the page now

    July 7, 2021 at 6:35 am #1309035
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    #av-layout-grid-2 .avia-button-center a {
  background: rgba(000,000,000, 0.3);
}

    Best regards,
    Rikard

    July 7, 2021 at 12:41 pm #1309093
    getfletch

    Hi Rikard

    I added the Quick CSS, and changed the button styling from light transparent to grey and it works on the first grid row but not the second or third grid row on that page.

    Thanks

    Chris

    • This reply was modified 3 years, 4 months ago by getfletch.
    July 8, 2021 at 7:19 am #1309200
    Rikard

    Hi Chris,

    Sorry about that, the CSS I sent was a specific to the first grid. Please try this instead:

    .page-id-81 .av-layout-grid-container .avia-button-center a {
  background: rgba(000,000,000, 0.3);
}

    Best regards,
    Rikard

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