Home Forums Arnold WordPress Theme Text is pushed over one another.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #22636
    dervonbusch@aol.com
    Participant
    Purchased
    Supported

    The Content Text on the blog pages is pushed over one another. You cant read anything. How can i change it?

    #22645
    SeaTheme
    Keymaster
    Purchased

    Hi,

    I don’t understand your question. Could you please leave the issue webpage URL? Thanks

    Regards!

    SeaTheme – SeaTheme.netTwitterFacebook

    #22648
    dervonbusch@aol.com
    Participant
    Purchased
    Supported
    This reply has been marked as private.
    #22666
    SeaTheme
    Keymaster
    Purchased
    This reply has been marked as private.
    #22674
    dervonbusch@aol.com
    Participant
    Purchased
    Supported
    This reply has been marked as private.
    #22680
    SeaTheme
    Keymaster
    Purchased

    Hi,

    I cannot visit the URLs: https://www.dropbox.com/s/gjs9pbbqmcpzauy/qq20200923-092007.jpg?dl=0

    ps: please leave the issued page URL also
    thanks

    Best

    #22691
    dervonbusch@aol.com
    Participant
    Purchased
    Supported
    This reply has been marked as private.
    #22700
    SeaTheme
    Keymaster
    Purchased

    Hi,

    1. Please paste the custom CSS code to “Appearance > Customize: Additional CSS” to cover the issued CSS to fix the title text:

    @media(min-width:1200px) {
      .grid-item-tit { font-size: 4vw;}
    }
    @media(min-width:768px) and (max-width:1199px) {
      .grid-item-tit { font-size: 3vw;}
    }

    2. Because most of the desktop screen ratio is landscape, For the portrait image like http://andredubosque.com/wp-content/uploads/2016/06/Bild2.jpg will be cropped.
    If you don’t want to corp picture, it will not fullscreen >> https://www.dropbox.com/s/dnc2jf6ypnl8kq0/qq20200924-115802.jpg?dl=0

    You could use the Additional CSS to show image from top, it will be better.

    .post-cover .ux-background-img { 
        background-position: 0 0;
    }

    Best

    #22710
    dervonbusch@aol.com
    Participant
    Purchased
    Supported

    Thank you for your help.

    To 1

    It’s a bit better, but you can only see the upper third in portrait mode and landscape mode is not as nice on the phone now.
    What is the best picture size (landscape and portrait) for most screens? Should I optimize my site for 1080p or 2k or 4k?

    To 2:

    Just for information

    @media(min-width:1200px) {
    .grid-item-tit { font-size: 4vw;}
    }
    @media(min-width:768px) and (max-width:1199px) {
    .grid-item-tit { font-size: 3vw;}
    }

    This Code do not work but this:

    @media(min-width:1200px) {
    .grid-item-tit { font-size: 2vw;}
    }
    @media(min-width:768px) and (max-width:1199px) {
    .grid-item-tit { font-size: 2vw;}
    }

    works well.

    Can you please give me a code so that I can choose my own size for the headings
    for my text blocks in the WP-Editor or in the Pagebuilder?
    So far I can only select headings 1-6, but I want something between 2 and 3.

    #22715
    SeaTheme
    Keymaster
    Purchased

    Hi.

    1. You could set a different image for the desktop in the single post:
    like this post, it is a portrait image now, You could set a different landscape image for the desktop.
    http://andredubosque.com/produktfotografie/

    @media (orientation: landscape) {
     .postid-1173 .post-cover .ux-background-img { background-image:url(enter-a-landscape-image-URL);
    }

    ps:
    1.1173 is post unique ID, hot wo find it: https://doc.seatheme.net/wordpress-faqs/custom/how-to-find-wordpress-post-page-id/
    2.The image URL format likes: http://andredubosque.com/wp-content/uploads/2016/12/125_Alle_Lichter_mit_Rosen_4x5.jpg

    2.

    
    @media(min-width:1200px) {
     .entry h1, .text_block h1 { font-size: 4vw;}
     .entry h2, .text_block h2 { font-size: 3vw;}
     .entry h3, .text_block h3 { font-size: 2vw;}
    ...
    }
    @media(min-width:768px) and (max-width:1199px) {
     .entry h1, .text_block h1 { font-size: 4vw;}
     .entry h2, .text_block h2 { font-size: 3vw;}
     .entry h3, .text_block h3 { font-size: 2vw;}
    ...
    }
    

    Best

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

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!