How to create sidebar with photos and buttons

[tristup]

Hi Ashley,

It seems that you have selected a Page Template without a sidebar. You need to select a Page Template with sidebar option or Default template to show the sidebar on the page.

Regarding the Button styling, you need to add the custom CSS code to change the color and shape of it.

Thanks

[RevealHM]

I selected the page temple content left - side bar right, and the side bar didn’t show up. Additionally, we do not want the content to have a container. As you can see, it shortened the accent line on the title of the page and reduced the size of the colored background.

[ruenel]

Hello Ashley,

In your Cornerstone > Theme Options > Layout and Design, you have choose to have a “Fullwidth” content layout.

Because of the above setting, you cannot simply use the Content Left - Sidebar Right page template. You will need to change the content layout first in the Theme Options.

Kindly let us know how it goes.

[RevealHM]

Hi Ruenel,

The “Fullwidth” content layout is already selected in Cornerstone > Theme Options > Layout and Design. The Content Left - Sidebar Right is still not displaying.

Thank you.

[ruenel]

Hey Ashley,

You need to change the “Fullwidth” to “Content/Sidebar” or “Sidebar/Content” first. Sorry for the confusion.

Hope this helps.

[RevealHM]

Got it, thank you!

Is there a way to have the sidebar begin at a lower point? I’d like the pink box with the title to stretch across the whole page, and the first image of the sidebar to begin alongside where the text begins with “congratulations…”

[tristup]

Hi Ashely,

That is not possible with the Default template you are using. You can achieve that by using the Layout Builder and using the pre-defined template with the Sidebar as shown in the screenshot and assigning it to the specific page or post.

I would suggest you go through the following article and videos on Layout Builder and Single Template and add widget areas into the sidebar.

Layout Builder Overview | Themeco Docs

Layout Builder: Single Templates

Widget Area | Themeco Docs

Hope it helps.
Thanks

[RevealHM]

This is a great resource! Thank you very much!

[tristup]

Hi Ashely,

Glad that we are able to help you.

Thanks

[RevealHM]

How can I erase the grey in the background so the title, content, and sidebar are expanded to the full width of the page? I want it to appear like a normal webpage and not be separated with a grey background.

Thank you!

[tristup]

Hi Ashely,

I have checked your website and found that the page is coming in the full width and not showing the grey background. Please check and let us know if you still having the issue.

Thanks

[RevealHM]

Hi,

There is still a grey background on this page: https://revealhm.com/blog-favorite-half-up-hairstyles/

I would like there to be no grey background and the content to extend the full length of the page.

Thank you,
Ashley

[ruenel]

Hey Ashley,

Please edit your layout and separate the Rows with each own Section element. Each section must have its own background colors (#f6ebe4 and #fff).

In your Row element settings, you need to enable the Global Container option.

Kindly let us know how it goes.

[RevealHM]

Thank you very much!

[ruenel]

You are most welcome, Ashley.

[RevealHM]

Is it possible to add content above the footer but below “the content” that expands across the full width of the page? (aka into the sidebar section without being separated by a line?)

[ruenel]

Hello Ashley,

You can simply edit your layout and add another section under the 2nd section.

Best Regards.

[RevealHM]

Sweet! Thank you!

[tristup]

Hi Ashley,

You are most welcome.