Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 19, 2023 at 12:08 pm #1425967
    Chrisxx1982

    Hi,

    i would like to add a link to the images, but as a button where I can set the color of the font and background myself. See example in the linked images.

    Unfortunately, in the current builder I can only set the color of the font but cannot define a button or even set a background color for the font. All I can find in the builder is this “image caption overlay”

    How can I insert a button link into the images and adjust the color, i.e. the background of the button and the font color?

    It currently looks like this: https://postimg.cc/0rPkqRtc

    This is what it should look like: https://postimg.cc/k6cd5Gjw

    These are my settings in the backend: https://postimg.cc/1gQTNPVd

    I’d be happy for help.

    Best regards
    Christian

    November 19, 2023 at 4:57 pm #1425986
    Mike

    Hey Chrisxx1982,
    Thanks for the screenshots and the link to your site, but it looks like you have added a strong tag around your caption text and then used some custom css to create the button:

    .av-image-caption-overlay-center p strong {
    color: #FFF;
    padding: 10px;
    background-color: rgba(0,0,0,.5);
    font-weight: 400;
    border-radius: 5px
}

    So if you want the button in the image to be green then please adjust the background color in the above css, the image element doesn’t have a “button” option.
    If you did use a strong tag I hope you are using the Special Character Translation plugin so you will not have this error:
    Enfold_Support_3936.jpeg
    If I have misunderstood please include an admin login in the Private Content area so we can be of more assistance.

    Best regards,
    Mike

    November 20, 2023 at 3:28 pm #1426083
    Chrisxx1982

    Hi Mike,

    thank you very much again. Your support is really great. I’ve had quite a few problems and you’ve always helped me, thank you.

    I have to check this because of the CSS. Unfortunately I can’t do that myself. I have an SEO who also makes some adjustments in my shop. The CSS must then come from him, unfortunately I couldn’t remember that :)

    Thanks in advance.

    Best regards
    Christian

    November 21, 2023 at 9:17 am #1426124
    Rikard

    Hi,

    Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    June 4, 2024 at 9:46 am #1447724
    Monika

    Hi, I found this because I am trying to have such buttons too. I copied the code into the Custom CSS – but it doesn’t work?
    What am I doing wrong?

    https://postimg.cc/gallery/DJvyzxW

    June 4, 2024 at 9:55 am #1447737
    Rikard

    Hi Monika,

    Please open a new thread and include a link to your site. Also please try to explain your intentions a bit further.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Button – Link on Pictures’ is closed to new replies.