Hi, I am using Pro theme with the integrity stack and am trying to remove the border and box shadow from the post page.
I have accessed the Global CSS and added the following:
.single-post .entry-wrap {
box-shadow: none;
border: none;
}
But it’s not working. Can you please help?
Thanks!
Hello Danni,
Thanks for writing in! Your code is valid and correct. It should remove the border and box-shadow of the single posts. If you want to include the blog index or posts page, you should be adding .blog .entry-wrap and .archive .entry-wrap for the archive pages. You can check out this documentation for more information about the different body classes of WordPress:
If this is not helping, kindly provide us the URL of your page so we can inspect it. You may have inserted the CSS code incorrectly.
Hope this helps.
Hi Danni,
The code is correct. It is not working because you have this unclosed @media CSS block:
@media (max-width:767px){
.event-description{
max-width:100%;
}
.home-event-name{
color:white;
font-weight:bold;
}
.featherlight .lightbox .featherlight-inner .team_popup_container-436 .h2{
color:#0B589D;
font-family:'Oswald',sans-serif;
font-size:42px;
font-weight:200;
line-height:58.8px;
text-transform:uppercase;
}
.teamshowcasefree_style03 .teamshowcasefree_style03_teamprofiles .teamshowcasefree_style03_title h3{
font-weight:300;
margin-bottom:1px;
}
.teamshowcasefree_style03_popupbox_right_436{
}
.featherlight h2{
color:#0B589D;
font-family:Oswald,sans-serif;
font-size:42px;
font-weight:200;
line-height:58.8px;
text-transform:uppercase;
margin-top:-2px;
}
.featherlight-content{
color:black;
}
.style_04_title{
margin-top:6px;
}
@media (max-width:767px){
.mobile-order{
display:flex;
flex-direction:column;
}
.mobile-order .x-column:nth-child(1){
order:2;
}
.mobile-order .x-column:nth-child(2){
order:1;
}
}
.blog .single-post .entry-wrap{
box-shadow:none;
border:none;
}
.x-boxed-layout-active .site,.x-boxed-layout-active .x-site{
border:0;
box-shadow:none;
}
.x-bar-widget-area{
font-family:Oswald,sans-serif;
}
.widget.widget_recent_entries li a{
font-family:Oswald,sans-serif;
}
.entry-wrap .x-container.width{
width:100%;
}
.search-container{
margin:0px 100px 45px 100px;
}
.page-header{
padding:25px 0px 25px 0px;
color:#0B589D;
font-family:Oswald,sans-serif;
font-size:42px;
font-weight:200;
line-height:58.8px;
text-transform:uppercase;
}
.search-page-subtitle{
padding:25px 0px 25px 0px;
color:#0B589D;
font-family:Oswald,sans-serif;
font-size:28px;
font-weight:200;
line-height:48.8px;
}
form.post-password-form{
width:88%;
padding:5%;
margin:20px auto;
max-width:1200px;
}
Please have it updated and use this code instead:
@media (max-width:767px){
.event-description{
max-width:100%;
}
.home-event-name{
color:white;
font-weight:bold;
}
.featherlight .lightbox .featherlight-inner .team_popup_container-436 .h2{
color:#0B589D;
font-family:'Oswald',sans-serif;
font-size:42px;
font-weight:200;
line-height:58.8px;
text-transform:uppercase;
}
.teamshowcasefree_style03 .teamshowcasefree_style03_teamprofiles .teamshowcasefree_style03_title h3{
font-weight:300;
margin-bottom:1px;
}
.teamshowcasefree_style03_popupbox_right_436{
}
.featherlight h2{
color:#0B589D;
font-family:Oswald,sans-serif;
font-size:42px;
font-weight:200;
line-height:58.8px;
text-transform:uppercase;
margin-top:-2px;
}
.featherlight-content{
color:black;
}
.style_04_title{
margin-top:6px;
}
}
@media (max-width:767px){
.mobile-order{
display:flex;
flex-direction:column;
}
.mobile-order .x-column:nth-child(1){
order:2;
}
.mobile-order .x-column:nth-child(2){
order:1;
}
}
.blog .single-post .entry-wrap{
box-shadow:none;
border:none;
}
.x-boxed-layout-active .site,.x-boxed-layout-active .x-site{
border:0;
box-shadow:none;
}
.x-bar-widget-area{
font-family:Oswald,sans-serif;
}
.widget.widget_recent_entries li a{
font-family:Oswald,sans-serif;
}
.entry-wrap .x-container.width{
width:100%;
}
.search-container{
margin:0px 100px 45px 100px;
}
.page-header{
padding:25px 0px 25px 0px;
color:#0B589D;
font-family:Oswald,sans-serif;
font-size:42px;
font-weight:200;
line-height:58.8px;
text-transform:uppercase;
}
.search-page-subtitle{
padding:25px 0px 25px 0px;
color:#0B589D;
font-family:Oswald,sans-serif;
font-size:28px;
font-weight:200;
line-height:48.8px;
}
form.post-password-form{
width:88%;
padding:5%;
margin:20px auto;
max-width:1200px;
}
Tip: To avoid any issues, always indent and have your code some line breaks.
Best Regards.
Thank you so much for looking into this! However, I am having a really hard time making this fix. I looked through the two sets of code and thought I found where you added a closing bracket, and I added it to my own code. However, it did not change anything regarding the box shadow. Maybe I missed where the differences are…? Could you possibly highlight them or give me a line number?
Hi Danni,
I just check your website and the CSS code is correct and just there. I suggest you clear your server cache or any plugin cache you installed in your website.
On the other hand, if it doesn’t help. Please give us the following information in a Secure Note.
You can find the Secure Note button at the bottom of your posts.
Thank you.
It does not seem to be a cache issue. Attaching info via Secure Note.
Hey Danni,
Sorry for the confusion. We do not need to log in as we do not provide support for custom codes. I’ll point you out to the issue for now as it looks like you are not aware of our Terms yet. But, for succeeding custom code issues, please either need to wait for our Layout Builder to be released, learn to code or consult a developer.
The Layout Builder, by the way, will allow you to create your own single and archive page templates using a builder so there would be little to no custom coding involved.
Your code doesn’t work because the selector is wrong. You’ve added .blog in there which is not used in single posts.
Lastly, if in case you don’t want to wait for the Layout Builder, learn CSS nor hire a developer, please consider subscribing to One where we answer custom development questions. You can learn more about that here https://theme.co/one
Hope that helps.
Thank you. Finding the correct selector is the part that I seem to struggle with when it comes to this theme, but that did the trick.
Hi Danni,
We are glad that we are able to help you. If you have any other concerns, feel free to reach us.
Thank you.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.
