Remove white border on posts page

Support
#1

Is there a way to make a post page full width similiar to how pages are using no container Header, Footer?

#2

Hello George,

Thanks for writing in! Regretfully we do not have an option in the theme that you can easily remove the space of the container around the post content nor we have an option to change the post template. You may need to use custom CSS to reduce the space instead. Would you mind providing us the URL of one of your posts so that we can take a look and guide accordingly?

Best Regards.

#3

https://verasabe.com/fan-fiction/ As I mentioned in a previous post I like the way the carousel works. Now I just need to figure out how the page can be full width I am attemtpting to create the post somewhat like the homepage.

#4

Hi @monger,

Thank you for providing the URL. This would require custom CSS as this is not a theme feature by default and is outside of our support scope, but we will do our best to help you getting started with the customization but we will not be able to implement it. To make your posts full width. try adding the following code in the Theme Options > CSS:

.single-post .x-container.main {
    max-width: 100%;
    width: 100%;
}

Please note that the code provided above serves as a guide only and is to help you in getting started so implementing it and maintaining the code will be out of our support scope and for further maintenance for new possible versions of the theme that may cause the customization to break, you will need to hire a developer.

Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

Hope this helps!

#5

That seemed to fix the issue

#6

Hey George,

It’s good to know that it has worked for you.

Cheers.

#7

One question on ethos post slider where do I change the background color on it

#8

Hello George,

The dark background color in the post carousel is using this default CSS built-in the Ethos stack style:

.x-post-carousel .h-entry-cover:before {
    background-color: rgba(0,0,0,0.89);
}

Feel free to make adjustments as you need and add the modified CSS code into Pro > Theme Options > CSS. To learn more about CSS, here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

#9

Mine shows a white background .

romaiascreen
romaiascreen1600×900 284 KB

#10

This removed the white space in between its the top and bottom border that I need to style
x-post-carousel.unstyled .entry-cover {
border-left: 3px solid #000;
padding-bottom: 225px;
}

#11

Glad to hear you`ve figured it out George.

#12

I still have the white border top and bottom not sure what to target there

#13

Hey George,

Sorry I thought you’ve figured the custom CSS based on your statement.

I believe you’re referring to the white gaps in the screenshot below.

image

The bottom white space is supposed to display the post title. It’s blank because you have customizations. Removing white top and bottom part would require more custom CSS and we cannot provide that as part of our theme support.

Please consider signing up for One where we can answer custom development questions. We can provide more custom code advice for your case there.

Thank you for understanding.

#14

Completely understand I will see if I can figure out the CSS on it if not its not really a big issue
Thanks

#15

You’re welcome, George.

#16

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.