Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 22, 2021 at 12:28 am #1295894
    webdesignphx

    Hi There,
    I took some screenshots you can see here: https://www.webdesign-phoenix.com/wp-content/uploads/2021/04/screensizes.pdf because the site is not live yet. I am hoping you can help me set up some CSS so the text stays centered when the screen gets bigger or smaller.
    I cant figure out how to do the media only edits so the text changes font sizes or disappears or gets a different distance to the top.
    Thanks so much
    Martina

    April 24, 2021 at 4:30 am #1296460
    Rikard

    Hi Martina,

    Thanks for the screenshots. I’m not sure exactly what you are looking to change and on which screen sizes though, could you try to explain that bit further please?

    Also please include a link to the actual page where we can see the elements in your screenshots.

    Best regards,
    Rikard

    April 26, 2021 at 8:30 pm #1296824
    webdesignphx

    Oops yes forgot the link :) its below.
    I would like to have the text possibly always visible centered in the empty area next to the image. when the image gets smaller on smaller screens the text slides under the top slider border especially if this longer text.
    and when the screen gets bigger the text aligns to the bottom of the screen and not the middle the text also looks really tiny on large screens and slides into the image.
    hope you can help.
    Thanks
    Tina

    April 29, 2021 at 5:24 am #1297250
    Rikard

    Hi Tina,

    Thanks for the update. I see that you have hidden the slider for smaller screens, is that a permanent solution, or can we change the visibility of the element to see the results on smaller screens?

    I can’t check larger screens for you, but if you want to give it a go yourself, then you can add different media queries for different screen sizes, in order to apply different CSS for them: https://www.w3schools.com/css/css3_mediaqueries.asp

    Best regards,
    Rikard

    May 5, 2021 at 12:52 pm #1298529
    webdesignphx

    Hi Rikard,
    yes. I did not want the text on the small screens, however the problem I had was with the large and very large screens that the text aligns to the bottom and not the center.
    Thanks
    Tina

    May 8, 2021 at 6:32 am #1299061
    Rikard

    Hi,

    Thanks for the update. If you need to align that text for different screen sizes, then please use this CSS inside of an appropriate media query:

    .slideshow_caption {
    width: 50%;
}

    Then adjust the value to your needs.

    Best regards,
    Rikard

    May 12, 2021 at 9:14 pm #1299989
    webdesignphx

    Thank so much Rikard, that works great!
    Tina

    May 14, 2021 at 5:00 am #1300239
    Rikard

    Hi,

    Great, I’m glad that we could help. 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 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.