Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 18, 2020 at 11:17 pm #1194258
    clellis

    I’ve searched the forum and experimented with loads of elements but just can’t figure out how you get the main home page image with bits of text floating in.

    Like in these two demos;
    https://kriesi.at/themes/enfold-wedding/ – different fonts
    https://kriesi.at/themes/enfold-construction/ – moving text

    I’ve only used the image with caption which doesn’t allow the use of different fonts and sizes.

    tx

    March 19, 2020 at 7:07 pm #1194530
    Victoria

    Hey clellis,

    This is the full-width easy slider. The fonts are adjusted with css and the movement is the animation of the caption.
    Image 2020-03-19 at 19.07.03.png

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

    March 19, 2020 at 10:02 pm #1194613
    clellis

    Great, thanks for your help!

    March 19, 2020 at 10:28 pm #1194619
    clellis

    Sorry, just one more thing. I’ve got the caption on ‘right without frame’ – what is the CSS element for me to adjust that positioning a touch using padding or margin?

    Also, ‘right without frame’ is left aligned on mobile (iPhone – Safari)

    Thank you!

    • This reply was modified 4 years, 7 months ago by clellis.
    March 21, 2020 at 10:26 pm #1195149
    Mike

    Hi,
    To adjust the caption over a bit please adjust this css:

    .caption_right .slideshow_caption {
    right: 0px;
}

    to something like this:

    .caption_right .slideshow_caption {
    right: 50px;
}

    This moves the caption to the left a litle.

    Best regards,
    Mike

    March 21, 2020 at 11:03 pm #1195155
    clellis

    Thanks.

    (It’s still left aligned on iPhone portrait)

    March 22, 2020 at 4:40 pm #1195258
    Mike

    Hi,
    Sorry, I don’t have an iPhone, but please try this css in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (max-width: 767px){
.responsive #top .slideshow_caption {
    left: 50% !important; 
    width: 70% !important; 
}
.slideshow_align_caption > H1.avia-caption-title {
	font-size: 20px !important; 
}
}

    Best regards,
    Mike

    March 22, 2020 at 6:35 pm #1195278
    clellis

    Perfect, thanks so much!

    March 23, 2020 at 6:06 am #1195361
    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

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