The Additional CSS code does not work

It is gived by support
the thread : https://colorlibsupport.com/t/remove-space-under-the-header-and-above-the-footer-2/

.page-id-2965 .post-inner-content,
.page-id-31 .post-inner-content,
.page-id-34 .post-inner-content {
border: none!Important;
padding: 0px!Important;
}

.page-id-2965 .main-content-area,
.page-id-31 .main-content-area,
.page-id-34 .main-content-area {
margin: 0px!Important;
}

.page-id-2965 header.entry-header.page-header,
.page-id-31 header.entry-header.page-header,
.page-id-34 header.entry-header.page-header {
display: none!Important;
}

.page-id-2965 .main-content-inner.col-sm-12.col-md-12,
.page-id-31 .main-content-inner.col-sm-12.col-md-12,
.page-id-34 .main-content-inner.col-sm-12.col-md-12 {
margin-top: -21px!important;
}
.page-id-2965 #content,
.page-id-31 #content,
.page-id-34 #content {
background: #fff;
}

Hi @bryon,

I hope you are well today and thank you for your question.

The above shared CSS code only works on the pages having ids 2965, 31 and 34 so please tell me on which pages do you want to use it?

Also could you please tell me how you are using it and share me your site URL where you are using it so that i can troubleshoot it?

Best Regards,
Movin

I create a new homepage ,but the template does not work very well and I want to remove the solid line of the box model.

you can see my website aidselect.com

Hello there,

I hope you are doing well today.

I take it that you are referring to the image on the page and you want to remove the border.You can use the following CSS code to remove the border from the image by going to Appearance > Customize > Additional CSS and pasting it there.


/*Remove border on image*/
.post-inner-content {
    border: none;
}

Best Regards,
Support

thank you very much.
by the way,can you give me some additional css code to reduce the page’s title ,It is always in the page which looks ugly.

I just test the following Css code:
.main-content-area {
margin-top:0px;
margin-bottom:0px;
magin-left:-14px;
margin-right:0px;
}

and I found that the “margin-right” don’t work whatever pixel I assign to;
It is because sidebar’s css code?

Hi there,
Thanks for keeping in touch with us.

How would you like to reduce the title? Would you like to make it smaller? Also, just to confirm, you’d like to reduce the section attached in the screenshot, correct?

Also, in regards to the CSS, what exactly are you trying to do? I could provide you with the correct CSS if needs be.

I look forward to your reply :slight_smile:

Best Regards,
Support

I want to remove the aidselect.com

also ,I need the css code to make the page full width but I try the margin css code and the margin right always exists

thank you.

You can achieve that using following custom CSS code.

.home article > .page-header {
    display: none;
}

.home .container.main-content-area {
    width: 100%;
}

.home .post-inner-content {
    padding: 0;
}

.home .fl-row-fixed-width {
    max-width: 100%;
}

thank you, Movin.
today I find an ugly thing when I preview my blog post, I found that the top of the post article’s head has an image, Why?

Hey there,
Hope you’re doing well today

Kindly add and save the following code to Appearance > Customize > Additional CSS:

img.single-featured.wp-post-image {
    display: none!Important;
}

I hope this helps :slight_smile:

Best Regards,
Support

Thank you very much, I have solved it.

You are most welcome here :slight_smile:

Hi, Movin
I have found that the post page image also disappeared, How can I make it appear?

I used the support’s code:

img.single-featured.wp-post-image {
display: none!Important;
}

hello, I need to make the featured image display under the post title
What should I do?

And I need to make the post content wider, It is now too narrow
Thank you.

I have found that the post page image also disappeared, How can I make it appear?

I used the support’s code:
img.single-featured.wp-post-image {
display: none!Important;
}

Do you want to hide it on blog page and not single post page?

If yes then please use the following CSS code instead of above custom CSS code.

body.blog img.single-featured.wp-post-image {
    display: none!Important;
}
hello, I need to make the featured image display under the post title What should I do?

And I need to make the post content wider, It is now too narrow

To help us keep support thread separates could you please create new thread for each of your other questions here https://colorlibsupport.com/c/sparkling/ instead of asking them in your single thread as it makes the thread messy and hard to read.

If you want to you can also add reference of this thread in your newly created thread.

We would be more than happy to help you on your new thread.

Thank you very much.
The new thread is:https://colorlibsupport.com/t/how-to-remove-the-head-image-of-front-page/

hi Movin,
I use your code, but this image appears again.

You are most welcome here :slight_smile:

Your new topic will be replied ASAP so no need to reply in this thread.

I use your code, but this image appears again.

Please be specific and tell me exactly what you are trying to achieve?
Where do you want to display it and where you want to hide it?