Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #838279

    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

    #838326

    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

    #838961

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

    #839155

    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

    #839517

    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

    #839729

    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

    #840348

    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

    #840922

    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

    #841341

    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

    #841344

    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;
    }
    #841574

    Hi,

    Thanks for sharing, much appreciated :-)

    Best regards,
    Rikard

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