Image previews and Titles Too Long

  • Greetings Forum!

    After much trial and error I have been unsuccessful at fixing this. Please check out my blog at this link. https://bottomsupbeer.com/blog/ As you can see the image is expanding over the section that it should be in and going over the column at the right. How do I fix this??

    Also at this link: https://bottomsupbeer.com/blog/category/general/ you can see the post info as well as the longer titles are doing the same thing.

    I did a full manual update to our WordPress but it is still not working correctly. I did not build this site, a contractor did it for us. I am not a WordPress expert but I know a decent amount about coding. If I could just find out where in the FTP build/source files I need to set the correct widths I can definitely handle that.

    Thanks so much!

    • This topic was modified 7 years, 11 months ago by badkyle.
Viewing 3 replies - 1 through 3 (of 3 total)

  • It looks like you have some CSS issues. The title <header> element is a fixed width of 820px, which causes it to overflow the column into the sidebar. If you override the fixed width in the main.css file, the text will naturally break to the next line within the column.

    For the image, if you apply the following CSS:

    .sub-box section img{max-width:100%;}

    That should fix the image overflow issue.

    Hope this helps.

    Thread Starter badkyle

    (@badkyle)

    Wow! Thank you for the fast response. You are obviously no slacker, man. HAHAHA, I am hilarious.

    However, I did try that. The build does not have a main.css file that I can find. I am not sure what style of build it is but it uses a bunch of .less and .scss files. I believe it is a bones theme for developers. Even when I open the file that should be the main style.css file it has a message in there and how I need to go adjust the less and scss files. It is a bit confusing and I hate it….. I am sure it was easy for the guy that built it as he built it but for a guy just going in to try and edit it is a pain.

    I hope you are familiar with it!

    Thanks again.

    Thread Starter badkyle

    (@badkyle)

    I am king of the world!

    Thanks so much @slackerman. I used the sub-box code that you sent over, found the header.article-header section of the inspect element feature. I was able to add to the Customize CSS feature of the admin panel and I got it fixed!

    Thanks so much for the input!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Image previews and Titles Too Long’ is closed to new replies.