Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #133868
    celovg
    Participant

    I’m trying to understand the logic of inputting information into the news. I’m configuring the imagens with the same properties. The page titles have the same line quantity.

    I do not know why the news is misaligned according to the resolution of the computer video.

    Any idea how to solve this?
    Thanks

    News 1

    News 2

    #133906
    tikaram
    Keymaster

    @celovg : Please post in your site URL.

    Regards,
    Tikaram

    #133918
    celovg
    Participant

    Of course, sorry.

    http://www.unifal-mg.edu.br/matematica/

    Regards,
    Marcelo.

    #133968
    tikaram
    Keymaster

    @celovg : The content of the box is flexible which means the size of the box changes based on the text inside the box. Please try changing the excerpt length so that the size of the boxes will remain same. You may keep the height of the box fixed but it will affect the responsiveness of the theme. Let me know if you need further assistance regarding the issue.

    Regards,
    Tikaram

    #134011
    celovg
    Participant

    Dear @tikaram,

    I appreciate your help regarding the issue. I would like to know how to change the length of the boxes so they always remain the same. I even tried counting the number of words or lines that each box contains but I didn’t find a pattern.

    Regards,
    Marcelo.

    #134138
    tikaram
    Keymaster

    @celovg : Go to Appearance => Customize => Additional css and add the following css.

    @media screen and (min-width: 568px) {
    #news-section .post  {
    	height: 775px;
    }
    }
    @media screen and (min-width: 900px) and (max-width: 1000px){
    	#news-section .post  {
    	height: 1025px;
    }
    }
    @media screen and (min-width: 1001px) and (max-width: 1300px){
    	#news-section .post  {
    	height: 890px;
    }
    }

    Let me know if this resolves your issues.

    Regards,
    Tikaram

    #137600
    celovg
    Participant

    Dear @tikaram,

    I appreciate your help regarding the issue.

    I use

    @media
    screen and (min-width: 568px) {
    #news-section .post {
    height: 775px;
    }
    }

    This work very well.
    Regards,
    Marcelo.

    #137614
    tikaram
    Keymaster

    @celovg : Glad to know that the issue has been resolved. Have a Good day.

    Regards,
    Tikaram

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘News’ is closed to new replies.