It is this CSS:
#posts-list article .box .entry-date {
position: absolute;
width: 50px;
height: 37px;
top: 15px;
left: -23px;
display: block;
padding-top: 13px;
font-family: 'Voltaire', Arial, sans-serif;
line-height: 1em;
-moz-border-radius: 60px 60px 60px 60px;
-webkit-border-radius: 60px 60px 60px 60px;
border-radius: 60px 60px 60px 60px;
box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
text-transform: uppercase;
}
Change display:block; to display:none;
And please be specific on the border issue.
Thank you very much for your reply and help. My apologies for being vague.
1. Where do I find that particular piece of CSS code you mentioned changing?
2. Will this also remove the black dot?
Thank you very much for your help.
The ‘black dot’ is a result of the above CSS.
It is in:
/wp-content/themes/folder/css/style.css
at line 558
To discover what CSS is output by your theme, use a web inspection tool such as Firebug: http://getfirebug.com/ , Chrome Inspect Element: https://developers.google.com/chrome-developer-tools/ or Internet Explorer 9+ F12 Dev. Tools: http://msdn.microsoft.com/en-us/library/dd565627(v=vs.85).aspx#csstool
There are others.
When editing CSS, use a Child Theme
http://codex.wordpress.org/Child_Themes
Custom CSS Plugin, or Theme provided custom CSS option.
Edits to parent themes are lost on theme update.
Learn CSS: http://www.w3schools.com/css/
I appreciate your help. I’m very new to any sort of website developing, so I kindly ask you to dumb it down a peg or two for me. I would really like to make this adjustment you suggested.
I’m taking baby steps. So if you can give me a brief step-by-step, it would be greatly appreciated.
Have you installed a Child Theme, a Custom CSS plugin or does your theme have a Custom CSS option/section?
Awesome! I have removed the black dot. However the box is still there. What could I have done wrong?
http://ryanjmoser.com/test/
I had a Custom CSS plugin that I personally installed, however it never seemed to make any changes that people suggested.. I just now removed that particular ‘black dot’ by changing the file you mentioned via Dreamweaver. Now if I could remove the box I will be gold.
Like I mentioned I really appreciate your help. I’m hoping to have a slideshow on a page, like shown below.
http://ryanjmoser.com/402/
However the post block around it is very distracting. So any more help you can offer is greatly appreciated.
Try adding this to the custom CSS:
body.postid-402 #posts-list article {
background: none;
box-shadow: none;
}
Making changes to the original files is not recommended as those changes will be overwritten when the theme is updated.
Still no luck.
Here’s how I put in the code.
View post on imgur.com
However I still end up with the box.
http://ryanjmoser.com/404/
We’re so close to conquering this beast. I’m going to feel so relieved when it has gone away.
Also, that CSS is page-specific – did you want that gone on all pages?
Clearing the SuperCache didn’t make a change to the past or previous posts.
http://ryanjmoser.com/lala2/
I used your specific CSS for this latest post as well. I would not mind getting rid of the box entirely. However if I can get rid of it for just one post I’d be happy.
Okay, well something seems weird – but see if this works:
body.single #posts-list article, #posts-list article {
background: none !important;
box-shadow: none !important;
}
FANTASTIC!
http://ryanjmoser.com/test-2/
You did it! Thank you so much for your help.
