Page/header layout

  • Resolved alkemy007

    (@alkemy007)


    1 year, 8 months ago

    I have a blog page on my website, but I really want to tidy up how it looks, in regards to the titles, and how the text placement is. As you can see, the title of each blog looks a tad untidy, as some letters of a word appears underneath, if the word is too long. This also causes the “read more” buttons not to match, so they aren’t all level. I’d also like to centralise all the headings and excerpt text, as again, it looks real untidy. I can’t just edit the text directly on the page (I don’t think so anyway), as I can only edit the text from within my worpress dashboard, and the blog title section doesn’t give me any options to centralise.

    Any idea if this can be fixed.

    Thanks.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Rohan Khandeparkar

    (@rohanvc)

    Hi,

    The issue, in this case, is because of varied amount of text present in title and excerpt which then affects the positioning of read more button.
    This can be corrected using custom CSS code by giving the content area a min-height so that the area above read more button will always have a certain height irrespective of the content present within it.

    Thanks,

    Thread Starter alkemy007

    (@alkemy007)

    I thought as much. I’m struggling to find the custom code I’d need to sort this issue.

    Plugin Support Rohan Khandeparkar

    (@rohanvc)

    Hi,

    You can use a browser inspector to identify the exact selector to target via CSS and then assign it a min-height property.
    If you are targeting multiple screen sizes, then you can use CSS media query to vary the min-height depending upon the screen size.

    Thanks,

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Page/header layout’ is closed to new replies.

Tags