Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #494215

    Hello,

    could you please help me out here?

    I want to achieve the following but I just can´t get it right:

    1. How can I force a line break in the Captions of the Fullscreen Image Slider?
    Changing the width of the caption (as explained in other threads doesn´t work for me,
    since I need to change the line breaks in just a couple of pages.
    Adding the <br> does´t work either. Also working with element which are not inline
    like <p> or <div> does´t work at all. Everything gets just ignored.

    2. How can I move a caption which is set “let, framed” a little more to the right WITHOUT
    affecting the responsiveness (I figured it out to alter the position in the quick css field, but now
    my captions get cut off on a smaller, vertical device.

    Also please! If possible, don´t just ask for for a link to the site like in your answers in my other thread (I´ve already asked for a solution to question number 2 and provided screenshots of what i want to achieve) since the site is still local and will be until next week (no other option for me, but I have to finish the page before!). The questions are pretty general i think, so there should be a possibility to give a little advice without reviewing a specific page. Thank you very much in advance! Best regards, and thank you for your awesome theme!

    #494801

    Hey FelipeWP!

    1.) I tried on my own installation and adding <br> or </br> is working for me.

    2.) Responsiveness does not mean it will look automatically how you want it. Instead it means you can control different behaviors on different screen sizes. So you need to control it using media queries.

    Regards,
    Andy

    #494810

    Hello Andy,

    thank you very much for your reply! Sorry for my noob questions.

    1.) This unfortunately does´t work at all on my installation.
    I am using <span> elements in the captions, since I wanted to change the stile of certain
    parts of the text and/or links. Could it be that the <br> tag is just ignored cause it is an inline
    element? I´ve tried <p>, it seems to do the line break now, but the frame below disappears.
    Is there any other way to force a line break?

    2. So, if I use a media query like this:

    @media only screen and (max-width: 479px) {
    .avia-fullscreen-slider .caption_bottom .slideshow_caption {
    MY CHANGES HERE
    }
    }

    it should only affect the caption parameters on smaller viewports like mobiles and tablets?
    Did I get this right?

    Thank you so much! Regards!

    #495190

    Hi,

    It difficult to help you out properly when we can’t see the actual code, but a <br /> tag should create a linebreak. And yes, a span is an inline element. For you second question, the media query you are using is for very small screens only. Please adjust the pixel value to this for instance:

    @media only screen and (max-width: 767px) {
    .avia-fullscreen-slider .caption_bottom .slideshow_caption {
    MY CHANGES HERE
    }
    }
    

    Thanks,
    Rikard

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