-
Posts
-
On the single archive pages of my site, I am seeing a faint vertical dotted line down the content of the page. It is indented from the content left. I cannot find the css that is causing this. Please help.
The site is not live, so I cannot provide a link, but I have uploaded an image showing the issue:
Hey microwe,
Are you able to inspect the page? This is tough to troubleshoot since you can’t provide a link, but if you can inspect the page and find out what class is attached to it you can do something like:
.class{ border:none!important; }Best regards,
Jordan ShannonThat is the problem. I have been inspecting the code and cannot figure out which class is putting the lines there. NONE of them have any border property at all.
Based on the length of the line, it’s either on the article element or the first div inside the article elementthe article element’s classes are as follows
post-entry post-entry-type-standard post-entry-2119 post-loop-1 post-parity-odd post-entry-last single-small post post-2119 non_profit_events type-non_profit_events status-publish hentrythe first div has a class of
entry-content-wrapper clearfix standard-contentI have a child theme, but I haven’t changed many classes in it yet, so this is something in the standard css for the theme. I have been searching for what I need to set to change this. If you want to see the site, you would have to change your host file to point to the correct IP address. Let me know if you want that information.
I did a lot of searching and found that the dotted line was being caused by the .single-small class. I have searched through all of the theme files and do not see anything that would cause .single-small to put the dashed line on the page. But removing it in my theme’s loop-index file resolved my issue.
However, I am curious to know what css was making this show up if you can find it.
- You must be logged in to reply to this topic.