Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #786558

    Hello,

    Many hours I have now tried. :-(
    – I hope you can help?
    – Maybe I use the wrong concept?

    First, please see this image.

    I want the 50% transparency (made with a png) around the 3 images in the row. If I solve it with “margin” (see red arrow), it looks ugly on mobile phone. It should work with a border (see the orange arrow), right?

    My questions:
    1. How can I set the borders to half-transparency?
    2. The edge between the right two images (see the green arrow) is twice as thick as the others. How can I halve it?
    3. How do I set the background color of th text blocks (or a special headline) underneath the pictures to white?

    Or is this solved much more easy in a totally different way ?

    Looking out for your answer –
    Thanks a lot –
    Marc

    #786657
    #786730

    Hi,

    To check it better, may you provide us your WP credentials and the website link, please?

    Best regards,
    John Torvik

    #786753

    Hi John,

    thank you very much for your reaction!

    The website ist a relaunch, that isn’t online yet:ok, so here are the logins …

    #786884

    Hi Marc,

    Thanks for the login details, though I can see the content of your screenshot on the home page. Where can we see the element in question?

    Best regards,
    Rikard

    #786985

    Hi Rikard,

    thank you for the information – I forgot …

    #787196

    Hi,
    Please enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then edit your column element which you would like to have bordered and give them a custom CSS class (“my-custom-class” in example below) and then add following code to Quick CSS in Enfold theme options under General Styling tab

    .my-custom-class { border-color: rgba(238,238,34,0.5); }

    I tried both /wp-admin and /wp-login.php however login pages cannot be found on my end :)

    Best regards,
    Yigit

    #787303

    Hi Yigit,

    thank you very much for supporting.

    It works (green arrow)! :-)

    But now, there is another issue:
    The Background of the text beneath the photo (red arrow) is transparent. :-(

    Se new picture: https://drive.google.com/file/d/0B2VhXxb9MRC8YTcxVERISmZfbjQ/view

    The text beneath the photo, I realized with:

    .av-image-caption-overlay {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    bottom: -40px !important;
    color: black !important;
    height: auto !important;
    left: 50% !important;
    transform: translate(-50%) !important;
    width: auto !important;
    }

    Maybe, it could also be done with a Text Block or a special Headline (this, I used first, but were unable to set it to half-transparent)

    How can I solve this?

    KR – Marc

    • This reply was modified 7 years, 7 months ago by Faun2015.
    #787318

    Hi Marc,

    I edited your column and choose “repeat” on custom background image. It was set to “no-repeat”. Please review page again :)

    Best regards,
    Yigit

    #787450

    … oops … I think, I’m getting too old :(

    Thank you very much, Yigit :-) Great!!

    #787451

    … I forgot: Can I specify the borders (that are now transparent).

    I need another thickness on the left than on the right (because on the right – there are two borders).

    !?? Thanks again –

    Marc

    #787702

    Hi Marc,

    You can try

     border-left-width: 2px; 

    Or better could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    #787706

    Hi Victoria,

    new in the team!? :-)

    Thanks a lot, Victoria. The problems are fixed in between.

    Thanks to you and the Team of Kriesi!

    KR – Marc

    #787715

    Hi Marc,

    We’re happy that things are fixed! Can we help you with anything else?

    Cheers!
    Sarah

    #787740

    Hi Sarah,

    yes you can. :-)

    I’ll open a new fred … I have more questions because of our actual relaunch.

    I’ll come back to this –

    Thanks and until later – / nice to see also women in kriesi’s team! :-)

    marc

    #787825

    Hi,

    You are welcome! :)

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Best regards,
    Yigit

Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘How to set Border Colors of Columns to halftransparent?’ is closed to new replies.