[NicoModerator]

Hi There,

Add this in your customizer’s custom CSS:

.blog.entry-wrap,.single-post.entry-wrap{
box-shadow:none;
}

Let us know how it goes. Hope it helps.

Thanks.

[HannaHaParticipant]

Hello, unfortunately, that didn’t work. The boxes are still there :/

[Paul RModerator]

Hi,

You can try this code instead.

.blog .entry-wrap,
.single-post .entry-wrap {
    box-shadow:none;
}

Hope that helps.

[HannaHaParticipant]

That didn’t work either :/

Here’s a full list of my custom CSS. Your last suggestion is at the bottom.

CSS

.text-white h2,
.text-white p,
.text-white .x-btn {
  color: #fff;
}

.text-white .x-btn {
  border-color: #fff;
}

.textwidget {
    font-size: 14px
}

h6 {
text-transform: none !important;
}

h6, .h6 {
font-size: 110%;
}

.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
  padding-left: 14px;
  padding-right: 14px;
}

.text-white .x-btn:hover {
  opacity: 0.75;
}

.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) 

{
  padding-left: 14px;
  padding-right: 14px;
}

body .h-custom-headline {
    margin-top:0 !important;}

.x-sidebar .widget ul li a {
font-size: 16px;}

h1 { 
margin-top:0px
} 

h2 { 
margin-top:0px
} 

h3 { 
margin-top:0px
} 

h4 { 
margin-top:0px
} 

h5 { 
margin-top:0px
} 

h6 { 
margin-top:0px
} 

.h-landmark.entry-title {
    display: none;
}

.h-landmark span {
  font-size: 0.6em;
  color: black;
  letter-spacing: 1px;
}

.more-link {
   display: none;
}

header.x-header-landmark {display:none;}

p.p-meta span:nth-child(1) {
  display: none !important;
}

p.p-meta span:nth-child(3) {
  display: none !important;
}

.p-meta>span:after {
    display: none;
}

.entry-wrap {padding: 0px;}
#x-content-band-1 {padding-top: 0;}

@media (min-width: 768px){
 #mc4wp-form-1
max-width: 50%;
margin-left: auto;
margin-right: auto;
}

@media (max-width: 979px){
body .sub-menu.collapse
display:block;
}

.x-navbar .sub-menu a{
font-size:18px;
}

.masthead-inline .x-navbar .sub-menu {
    left: 0 !important;
    right: auto !important;
}

.tablepress tbody td, .tablepress tfoot th {
  border: medium none !important;
  display: inline-block !important;
  float: left;
  overflow: hidden;
  padding: 15px;
  width: 25%;
}

.tablepress img {
  display: block;
  margin: 0;
  width: 100%;
}

@media screen and (max-width: 767px) {
.tablepress-responsive-phone tbody tr {
    width: 100% !important;
}
table.tablepress tr td {
    min-width: 65% !important;
    display: table !important;
    margin: 0 auto 25px auto !important;
}

.blog .entry-wrap,
.single-post .entry-wrap {
    box-shadow:none;
}

[ZeshanMember]

Hi there,

I’ve checked your CSS code, and it seems you are missing some closing curly brackets and that’s why the last added CSS is not working. Please try changing your entire custom CSS code to this:

.text-white h2,
.text-white p,
.text-white .x-btn {
    color: #fff;
}

.text-white .x-btn {
    border-color: #fff;
}

.textwidget {
    font-size: 14px
}

h6 {
    text-transform: none !important;
}

h6,
.h6 {
    font-size: 110%;
}

.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
    padding-left: 14px;
    padding-right: 14px;
}

.text-white .x-btn:hover {
    opacity: 0.75;
}

.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
    padding-left: 14px;
    padding-right: 14px;
}

body .h-custom-headline {
    margin-top: 0 !important;
}

.x-sidebar .widget ul li a {
    font-size: 16px;
}

h1 {
    margin-top: 0px
}

h2 {
    margin-top: 0px
}

h3 {
    margin-top: 0px
}

h4 {
    margin-top: 0px
}

h5 {
    margin-top: 0px
}

h6 {
    margin-top: 0px
}

.h-landmark.entry-title {
    display: none;
}

.h-landmark span {
    font-size: 0.6em;
    color: black;
    letter-spacing: 1px;
}

.more-link {
    display: none;
}

header.x-header-landmark {
    display: none;
}

p.p-meta span:nth-child(1) {
    display: none !important;
}

p.p-meta span:nth-child(3) {
    display: none !important;
}

.p-meta>span:after {
    display: none;
}

.entry-wrap {
    padding: 0px;
}

#x-content-band-1 {
    padding-top: 0;
}

@media (min-width: 768px) {
    #mc4wp-form-1 {
        max-width: 50%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 979px) {
    body .sub-menu.collapse {
        display: block;
    }
}

.x-navbar .sub-menu a {
    font-size: 18px;
}

.masthead-inline .x-navbar .sub-menu {
    left: 0 !important;
    right: auto !important;
}

.tablepress tbody td,
.tablepress tfoot th {
    border: medium none !important;
    display: inline-block !important;
    float: left;
    overflow: hidden;
    padding: 15px;
    width: 25%;
}

.tablepress img {
    display: block;
    margin: 0;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .tablepress-responsive-phone tbody tr {
        width: 100% !important;
    }
    table.tablepress tr td {
        min-width: 65% !important;
        display: table !important;
        margin: 0 auto 25px auto !important;
    }
}

.blog .entry-wrap,
.single-post .entry-wrap {
    box-shadow: none;
}

Hope this helps. 🙂

Thank you!

[HannaHaParticipant]

That worked! Thank you so much, that was really amazing help 🙂

[JadeModerator]

You most welcome Hanna.

[abrightdesignParticipant]

Hello,

Thank you for this thread. It has been very helpful. I am also using renew.

I’ve used

.x-iso-container-posts > .hentry .entry-wrap {
border: 0px !important;
}

to get rid of the border and it works on my main blog post page. However the border remains on my categories pages. Eg. the page when I click on a category and it shows me all the posts under that category.

I need to remove this border on the categories page too. Is there some more CSS to do this?

I’d also like to remove the border from the feature images under each blog post.

I hope it’s ok to ask in this thread.

Thanks.

[JoaoModerator]

Hi There,

I had a look on your website and I couldn´t notice any border around the posts.

Would you mind providing us a screenshot and describing with more details what you would like to change?

As soon as we have more information we will be more than happy to help you.

Thanks,

Joao

[cre-aidParticipant]

Hi support,

I’m also trying to remove the ‘read more’ button. The css doesn’t work. Could u help me?

[cre-aidParticipant]

This reply has been marked as private.

[JoaoModerator]

Hi There,

Please add the following code to Appereance Customizer Custom CSS

.x-recent-posts-excerpt {
  display: none;
}

Hope that helps

Joao

[cre-aidParticipant]

It works. Thank you Joao!

[RupokMember]

You are welcome!

Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[cre-aidParticipant]

Thank you. I have another question. Is it possible to show the tags in the post preview. I would like to let people know which type of content they can expect.

[Author]

Posts