Sidebare Design

Support
#1

I would like to not have lines around the heading of the sidebar/widgets but that seems to be the predesign - where and how do I change that?

And is it also possible to display a line on the left of the sidebar so its dividing the sidebar from the content on the left?
Thanks

#2

Hi Bea,

Thank you for reaching out to us. To remove the lines around the sidebar titles and add a border separator, try adding the following code in the Theme Options > CSS:

.x-main .h-widget, .x-sidebar .h-widget {
    border: none;
}
.x-sidebar.right {
    border-left: 1px solid #e9e9e9;
}

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

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.

Don’t forget to clear all caches including your browser’s cache after adding the code. Hope this helps!

1 Like
#3

Hey, thanks so far and how do I change the Style of the font and that it’s moved to the left and not centered?

#4

Hey Bea,

To change font-family and the alignment too, please replace the previous code with the following:

.x-main .h-widget, .x-sidebar .h-widget {
    border: none;
    font-family: "Kalam",handwriting !important;
    text-align: left;
}
.x-sidebar.right {
    border-left: 1px solid #e9e9e9;
}

Please note that since this is a custom code that changes the default behavior/display of the theme, you will be responsible to maintain or update the code in case you require further changes or if the code stops working in future updates. If you are uncertain how to proceed, it would be best to get in touch with a developer.

Thanks!

#5

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