CSS Code to Modify the Default Row of my Theme

Open 1 reply customization plugin plugin-siteorigin-css

8 years ago · Last reply by Alex S 8 years ago

Hi,

My theme has these default white blocks that automatically surround each post or body of content that gets displayed on each page. I have SiteOrigin CSS editor to identify what these blocks are called so I can reduce the margin/padding because they are too thick. Under the Layout tab and in the Inspector section in the visual editor mode, I see the the word hentry appear. But I still cannot reduce the size of these blocks when I adjust the px size in the editor.

How do I do this or is there a special code containing those pixel sizes that I can modify?
The website:

Nashville Rock Band – Lola Montez

Thank you,
Blake

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

Alex S Staff 8 years, 9 months ago
Hi Blake,
You can change this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Add and adjust the following CSS (specifically the width of the first selector):
```
.hentry {
	width: 720px;
}
@media only screen and (max-width: 767px) {
	.hentry {
		width: 100%;
	}
}
```
You might also need to install the SiteOrigin CSS Editor.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.