I couldn’t find the exact text from your example, but your issue is probably coming from this code:
.home .entry-content p a {
max-width: 65%;
display: block;
}
which makes some of your <a> tags block-level elements.
Is it shown like that in the WordPress content editor or on the actual post, viewed from the front-end of your website? if it’s the latter can you share a live link to see the issue? It sounds like it could be a CSS issue.
As a quick way of troubleshooting, switch your theme temporarily to the 2015 or 2016 default WordPress theme. Then, refresh the post and see if the link is still on a different line. If not, it’s a theme issue.
Yep, display: block; would do it for sure.
Thread Starter
River5
(@river5)
It does not happen in the content editor or on the individual post’s page, but only on the blog homepage – http://dr-polcino.com/blog/ Scroll down to post #5 and you will probably see what I mean. The individual blog post is fine – http://dr-polcino.com/blog/2015/12/10/women-often-delay-diagnosis-and-treatment-of-this-problem/
Does this change anything? Thanks again!
The code I posted earlier has .home in it, so it only applies on the blog’s home page. It wouldn’t affect anything else.
Thread Starter
River5
(@river5)
Are you suggesting that I find that code and delete it? If so, please give me the steps in order to do so.
Yes you’ll need to remove the CSS since that’s causing the issue you are wanting to fix.
Here’s your website with the styles there:
https://cloudup.com/cY3vbBVacrC
Here’s what your site looks like with the styles removed:
https://cloudup.com/cpTbn2fwLKY
1. open the style.css file which resides inside your theme on your computer:
http://dr-polcino.com/blog/wp-content/themes/twentyeleven/style.css
2. Find/search for the .home .entry-content p a CSS rule as shown in the screenshots above
3. Delete it and re-upload your style.css file
4. Refresh the page to see the issue fixed.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
If you’re not using a Child Theme, and if the theme doesn’t have a section for CSS modifications then do the following:
- Install this Custom CSS Manager plugin http://wordpress.org/plugins/custom-css-manager-plugin
- use its “CSS Code” section of the dashboard to hold your CSS modifications:
-
(put this code in)
.home .entry-content p a {
display: inline;
}
- Save
Alternatively use your Child Theme style.css file to hold your CSS modifications
Thread Starter
River5
(@river5)
Andrew – It luckily did have a CSS section.
Andrew M. – It worked!!
Stephen – Thanks for finding the code!
Great work everyone! Thank you for all the details.
