Transparent side bar

Support
#1

Is it possible to have a transparent side bar so that a colored row or section can be seen behind the contents of the side bar as in the pic below?

#2

Hi @waynepatt58,

Yes, a transparent sidebar is possible using CSS. Though I want to see how you build your sidebar. By default, on theme structure though, main content and sidebar are side by side. Sidebar is not added on top of the content. Although you can built like that using the content builder. For guidance on CSS, please check the following:

#3

Thanks for the reply. Where can In access the content builder? are you referring to Cornerstone? Yes having the content and sidebar side by side is what I am trying to avoid so if you can give me some idea as to how I would use the content builder to get around this would be great. I am not using the pro version of xtheme so hope that is not a limiting factor.

#4

Hi @waynepatt58,

This is a customization that depends on how your sidebar is setup. As @Lely mentioned, if you will use the default theme sidebar, you can apply some custom CSS to make its background area transparent.

If you can provide us the link to the site you’re working on and where the sidebar is, we could check it and provide you some suggestions based on your current setup.

Thank you.

#5

Thanks, can you please go to the URL in the secure note, this is actually a staging site.

#6

Hey @waynepatt58,

Thank you for providing the credentials. I checked your page and to make the current sidebar transparent, please edit your custom HTML widget in the Main Sidebar via Appearance > Widgets and remove the inline CSS:

background-color:black;

If you’d like to use Cornerstone to create sidebar then you can choose 2 column layout, first column you can use for the content and use the other column for sidebar. You can add the Widget Area element in the second column and select your desired Widget Area:

This way you can control the entire layout of the page. Hope this helps!

#7

Thanks but I think we are getting a little confused here. I say that because it is not the widget I want to make transparent but the whole side bar as in the picture at the top of this thread, or please look at this website https://www.nobledesktop.com/web-development-courses-nyc

You can see the sections or rows through the sidebar. Also simply dividing a row into 2 columns may initially achieve that effect but then you could not add any more sections or rows as the widget which is sticky would not work when you scrolled down the page or would disappear (scroll off page).

Any suggestions would be greatly appreciated.

#8

Hello @waynepatt58,

The sidebar in the given url of your staging site is not a fixed sidebar area. You will need a 3rd party plugin to make a sidebar widget fixed in its place. Perhaps one of the plugins here could help:

Meanwhile, the given example url is using a custom built layout to house the floating fixed sidebar. This can only be possible in the X theme and Cornerstone with custom development which is beyond the scope of our support.

Please note that custom coding is outside the scope of our support. Issues that might arise from the use of custom code and further enhancements should be directed to a third party developer.

Regards.

#9

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