Content Left, Sidebar Right

Support
#1

Hi,

I’m using the Ethos stack and I’ve been using the Fullwidth content layout. But I think it would be good to change to “content left, sidebar right” and have some useful things on the sidebar such as an About and some useful posts with links.

However, I’m having troubles getting it set up correctly and things don’t look right. Moreover, my sidebar seems to take up too much of the page and the text is in white so it blends into the background and you can’t see it. I don’t know how to customize the stuff in the sidebar, either.

I hope this makes sense and that you can help me.

Cheers.

#2

Hello Mark,

Thanks for writing in!

You can make the changes from Appearance > Widgets.

For the rest of the issue you are facing, can you please share website URL for us to take a closer look at the setup? Please make sure that you are using latest version of X Theme 6.5.6 and Cornerstone 3.5.5 to avoid any conflicts.

Thanks.

#3

Hi Prasant,

Thank you for the reply. I’m aware I can make changes from Appearance > Widgets, but I’m not very familiar with it and my options seem limited. For example, I don’t know how to change the text size or color or add buttons and so on.

My website URL is https://kr4m.com/ and I have changed it back to a fullscreen layout right now and removed the sidebar widgets. To be honest, I would like to get it to look more like the demo theme http://demo.theme.co/ethos-1/ or something like this http://betterboat.com/

However, I would like the width of the content to be narrower (say 620-700px) because I think the default 829 is too wide. Although it does look good on the homepage.

Hope that makes sense.

Thank you again.

#4

Hi Mark,

The width of your content can be determined under Theme Options > Layout and Design

You can not set that to 100% because the remaining percentage will be automatically the width of the sidebar. So that means if your Content Width is 74%, then the Sidebar will have 26% width, hope that makes sense.

Now to your sidebar, you are right the sidebar is not that customizable like on the Cornerstone. The sidebar inherits most of its styling from the Theme Options like font color, font-size, link color, etc. If you need to style it differently then you need to use a custom CSS.

In the sidebar, you need to use the Custom HTML widget for adding shortcodes (like, buttons, images, text, form, ads etc.), utilize the Navigation Menu widget if need a menu on the sidebar, again you need a custom CSS for styling this.

You can find the proper CSS code selector using the Chrome browser Developer Toolbar
For the CSS code itself, I suggest that you get started with this tutorial

You can find the X shortcodes here.

Thanks,

#5

Hi Friech,

Thank you for the helpful reply.

I think I have found a site width and content width that I am happy with for content pages. However, for the home page, it looks “squashed” and bad in general. So the home page would need to be wider.

Is there a way to have a different width for the home page and content pages?

#6

Hello Mark,

Thanks for writing in!

The content width will follow what is being set globally in the Theme Options. You can only have a different width for the homepage by way of using a custom css. You can add something like:

@media(min-width: 980px){
  .home .x-main {
    width: 60%;
  }
  
  .home .x-sidebar {
    width: 36%
  }
}

Hope this make helps.

#7

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