bryon
May 24, 2017, 4:25pm
1
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 ;
}
movin
May 25, 2017, 11:48am
2
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
bryon
May 25, 2017, 12:25pm
3
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
bryon
May 25, 2017, 2:52pm
5
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.
bryon
May 25, 2017, 4:06pm
6
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
Best Regards,
Support
bryon
May 26, 2017, 3:14am
8
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.
movin
May 26, 2017, 11:12am
9
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%;
}
bryon
May 26, 2017, 3:55pm
10
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
Best Regards,
Support
bryon
May 27, 2017, 2:50am
12
Thank you very much, I have solved it.
movin
May 27, 2017, 1:23pm
13
You are most welcome here
bryon
May 27, 2017, 6:37pm
14
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;
}
bryon
May 28, 2017, 7:31am
15
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.
movin
May 28, 2017, 3:11pm
16
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 Sparkling - Colorlib Support Forum 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.
bryon
May 28, 2017, 3:15pm
17
bryon
May 28, 2017, 3:25pm
18
hi Movin,
I use your code, but this image appears again.
movin
May 28, 2017, 3:25pm
19
You are most welcome here
Your new topic will be replied ASAP so no need to reply in this thread.
movin
May 28, 2017, 3:39pm
20
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?