Home>Support>CSS Code to Modify the Default Row of my Theme

CSS Code to Modify the Default Row of my Theme

By Blake Scopino, 8 years ago. Last reply by Alex S, 8 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

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. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 1 month ago Alex S
    Hi, I Work Here

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More