Docs

[quituck]

Hi There,
I would like to make my post container larger. Any idea how I can do this?

Please see the images attached.

Thank you

[quituck]

Image example attached.

[Lely]

Hi There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

By default, the container width depends on Site Max width and Site width set on Appearance > Customize > Layout and Design. You can adjust that settings. If that doesn’t achieve what you want, we need to check your setup.

[quituck]

This reply has been marked as private.

[Rupok]

Hi there,

Looks like you are using this CSS to control the width of blog and post :

.blog .entry-wrap, .single .entry-wrap {
	margin-left: auto;
	margin-right: auto;
	max-width: 600px;
	text-align: center;
	background-color: #dfd9c3;
}

You need to change the max-width value to get expected result.

Thanks!

[quituck]

Ah thank. I have tried that code yet but I will let you know when I do. I have another question.

Do you know how I can create angled sections? Please see the image attached for an example.

Thanks

[quituck]

Here is another example

[Rupok]

Hi there,

Just to clarify, I am not suggesting the code rather you already have this that’s causing the issue. You either need to remove or modify the max-width.

And there is a third party extension for Cornerstone to do such angled separator that you can try – https://wordpress.org/plugins/sj-cornerstone-addon/

Thanks!

[quituck]

Thank you.

I have one more question.

I would like to add background images to 3 columns on my home page. The images I added is not working.

I used the forum topic below to help guide me and I was unsuccessful. Any Idea how I can display my images.

https://community.theme.co/forums/topic/background-images-for-marginless-columns/

Thanks

[quituck]

Please see the image attached for reference.

Thanks

[quituck]

Let’s try that again.

[Rue Nel]

Hello There,

Thanks for writing in! It turns out that you have added the background styles in the class field. Please edit the page again and make sure that you place the inline css in the style field like the image below:

Hope this helps.

[quituck]

Okay. I have the images added. Thank you!

I would like to know how to add a transparent black overlay to the 3 images I have set up so the text is easier to read.

Thank you

[Rue Nel]

Hello There,

Thanks for updating in! To add a transparent black overlay to the 3 columns, please edit your page in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

.home {
  position: relative;
  overflow: hidden;
}

.home:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;

  background-color: rgba(0,0,0,0.35);
}

Please let us know if this works out for you.

[quituck]

Hi,
2 more questions

1.) How can I add the overlay color to the image only? So my text isn’t affected. I don’t want my text Dark.
2.) How can I add links to each column and a hover effect when each columns is hovered over?

Thank you

[Author]

Posts