Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • August 13, 2017 at 6:05 pm #838279
    enricobaumgart

    Hello,

    1. How can I overlap the background image to the arrow of each tap section:

    I dont wanna have the white arrow, but the image there instead.

    2. How can I set the image opacity to 0.5 with a white background? If I set the opacity, the background is black, even I set the color of the individual tab to white.

    Thanks for help, Enrico

    August 13, 2017 at 8:55 pm #838326
    Mike

    Hey enricobaumgart,
    Sorry, that feature is not available yet, I tried setting it further in the background (z-index) and bring the image to the top, but the red part is solid and covers the place the white arrow was. I also tried setting the white arrow to transparent with no better luck.
    Perhaps try to request – or vote if already requested – such feature on Enfold feature request form.

    Best regards,
    Mike

    August 14, 2017 at 9:30 pm #838961
    enricobaumgart

    Thank you Mike. But how about the second question. Is there a way to solve this?
    Thanks, Enrico

    August 15, 2017 at 10:22 am #839155
    Rikard

    Hi,

    I get a 404 error on the page you linked to, could you check the URL please? We need to be able to inspect the element in question in order to give you correct CSS.

    Best regards,
    Rikard

    August 15, 2017 at 7:06 pm #839517
    enricobaumgart

    You need to login first, because the page is still private and not public.
    Login first with this link: https://mike-hofmann.com/wp-admin/

    Thank you can use the link above.

    Thanks, Enrico

    August 16, 2017 at 7:22 am #839729
    Rikard

    Hi,

    Ok, thanks for that. You should be able to set a background colour for the images but I don’t think it would look very good since they are square.

    Best regards,
    Rikard

    August 17, 2017 at 12:03 pm #840348
    enricobaumgart

    Hello,
    unfortunately I’m not able to set a color for the background. As I mentioned, if I set it, nothing changes. The background is always set to the standard background for an alternate section (which is #333333 in my case).

    It would be nice if you can advice how to proceed with your suggestion.

    Thanks a lot, Enrico

    August 18, 2017 at 4:45 pm #840922
    Victoria

    Hi Enrico,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.av-tab-arrow-container span {
      background-color: rgba(255, 255, 255, 0.4) !important;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    August 19, 2017 at 6:12 pm #841341
    enricobaumgart

    Hello Victoria,
    Thanks for the code, but I was actually asking for the background of the content area, not the arrow.
    And as I mentioned, when I set the bg color to #ffffff AND using a bg image and then setting the opacity of the bg image to whatever, 0.5, then I’m not having #ffffff as the bg color, but #333333.

    Thanks, Enrico

    August 19, 2017 at 6:23 pm #841344
    enricobaumgart

    For everybody who wants to set a transparency to the background image of the tab section, you can use the following code:

    .av-layout-tab { 
    background-color: rgba(255, 255, 255, 0.7) !important;
    background-blend-mode: overlay;
}
    August 20, 2017 at 6:23 am #841574
    Rikard

    Hi,

    Thanks for sharing, much appreciated :-)

    Best regards,
    Rikard

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘TAB SECTION: background image opacity AND tab arrow’ is closed to new replies.