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

    Hi,
    I have a fullwidth slider on each page of my website. I would like to position the caption in a different position on each one.
    To do this, I assume that I create a Custom Id Attribute for each fullwidth slider, then include the CSS for that element.
    I used the following CSS (where partner is the Custom Id Attribute for my Partner page):
    .partner.slideshow_align_caption {
    top: -120px; left: 40;
    }
    This CSS works for all pages, not just my Partner page.
    Could you please tell me where the syntax is wrong?

    Many thanks,
    Angela

    #1305154

    Hi Angela,

    Could you post a link to the problem page, so that we can have a closer look please? If partner is an ID, then please use a # instead of a period (.).

    Best regards,
    Rikard

    #1305207

    Hi,
    I have set up a new page called “Testimonials”. In the developer settings for the fullwidth slider, the Custom Id Attribute is set to “testimonials” too. The following CSS has been added to the theme.
    /*change caption position on Testimonials’ fullwidth slider*/
    #testimonials.slideshow_align_caption {
    top: 5px;
    }
    However, when I test this out, nothing happens.
    Is there generic CSS that i an se to move the caption up/down/left or right?

    Thanks!!

    #1305434

    Hi,

    Thanks for that. Please make sure that you have a space between the elements which you are targeting, like so:

    #testimonials .slideshow_align_caption {
      top: 5px;
    }

    If you don’t have a space between them, then the ID and class has to be in the same element in order for it to take effect. You might have to using margin-top instead of only top, to align the element in question.

    Best regards,
    Rikard

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.