Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • November 27, 2017 at 9:36 pm #882358
    cm-arq

    Hi there!

    Im trying to change some things on my website.

    First, is there a code to move the arrows nearer to the borders?
    Also, I moved the caption to the right of the images. But is set to a specific position. The images that are wider overlap with the caption. And the smaller ones are too far from it.
    Is there a way to make the caption be separated X distance from the Image and adjust according to its width?

    image not showing
    https://i.imgur.com/FcU3D6n.jpg
    Thnks!!

    • This topic was modified 6 years, 11 months ago by cm-arq.
    November 28, 2017 at 2:57 am #882458
    John Torvik

    Hey CM Architects,

    Please, can you check your credentials? I tried to access it, but they are wrong.

    Best regards,
    John Torvik

    November 28, 2017 at 4:38 am #882497
    cm-arq

    Ok, lets try this one!

    November 28, 2017 at 12:03 pm #882602
    Victoria

    Hi CM Architects,

    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

    
#top .avia-slideshow-arrows a {
    margin: -30px -15px 0;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    November 28, 2017 at 2:26 pm #882694
    cm-arq

    Perfect! thnks Victoria!

    About the caption alignment can u help me?

    November 28, 2017 at 6:28 pm #882810
    Jordan Shannon

    Hi,

    What is the exact effect you would like to achieve with the caption? It is not so clear in the original post.

    Best regards,
    Jordan Shannon

    November 28, 2017 at 7:56 pm #882855
    cm-arq

    Hi. The problem in having with the caption is that my sliders contain images with different widths. I’ve set the caption to a determined position, wich on a small image the caption is to the right. But wider images goes over the caption. As I show on the image.
    What I want is the caption to be always at the same separation from the images. So if they are wider. The caption moves to maintain that separation.

    Hope I’m being more clear.

    Thnks

    November 30, 2017 at 12:22 am #883242
    Jordan Shannon

    Hi,

    Apologies, I’m not seeing the caption being covered. Can you please send a screenshot?

    Best regards,
    Jordan Shannon

    November 30, 2017 at 1:30 am #883265
    cm-arq

    See how its set in one position always. But when the image is wider, it goes over the image

    November 30, 2017 at 11:26 pm #883606
    Jordan Shannon

    Hi,

    Add this to quick css:

    .slideshow_align_caption{
    padding-left:50px!important;
    }

    Best regards,
    Jordan Shannon

    December 1, 2017 at 4:33 am #883671
    cm-arq

    No, that i know how to do it.
    But i wanted to know if there was a way that the caption moved acording to the width of the images, in order to maintain the same separation always.

    If theres none, then thats ok!

    thnks!

    December 3, 2017 at 2:03 am #884222
    Mike

    Hi,
    I adjusted the code to a percentage so it will be the same for all slides.

    .page-id-475 .slideshow_align_caption{
padding-left:15%!important;
}
.page-id-475 #full_slider_1 {
    padding: 70px 0!important; 
}

    2017-12-02_190145
    Best regards,
    Mike

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