Changing container size

If your theme has a custom CSS option, use that to add the rule below. If not, install a CSS plugin like Jetpack or Custom CSS Manager. Don’t change the theme’s CSS files directly.

.row {
   max-width: 62.5em;
}

The value of 62.5em is the current value. Adjust as necessary.

Sorted! Thanks for the tip ?? CrouchingBruin HiddenWisdom ??

can I use the same process to make the links at the footer change color upon hover?

Definitely. Just copy this rule into your custom CSS plugin:

#footer a:hover {
   color: #FF0000;
}

The value #FF0000 is red. You can use this color picker to choose a color and find out its corresponding hex value.

Awesome! Thanks again ??

Thanks again for your help on this.

How do I adjust the margins on either side, so that the text is not right at the edge (for all pages)? see links

https://i1173.photobucket.com/albums/r594/justinlaju/border%202.jpg

https://i1173.photobucket.com/albums/r594/justinlaju/border.jpg

I tried adding:

.entry-content {
margin: 5px;
}

via cusom css manager – but it made a margin on the header image/logo aswell…

How do I do it so the image/logo header takes up the full space without margin?

Add these two rules to your custom CSS:

.entry-content * {
   padding: 0 30px;
}

.entry-content h1,
.entry-content h1 * {
   padding: 0;
}

The first rule adds the padding to the left & right. Adjust the amount (30px) to your liking.

The second rule is to prevent the padding from affecting the heading at the top of each section.

BAM! YOU da man!

That worked nicely – but it seemed to knock the pages around a bit?

Before

https://i1173.photobucket.com/albums/r594/justinlaju/how%20it%20works%20page%20-%20before.jpg

After

https://i1173.photobucket.com/albums/r594/justinlaju/how%20it%20works%20page%20-%20after.jpg

Oops, sorry. Change that first rule to this:

.entry-content > * {
   padding: 0 30px;
}

That is, add the greater than sign (>) before the asterisk.

ok, so that fixed the page but lost the indent/padding?

https://investmentpropertyquotes.com.au/how-investment-property-quotes-works/

Hmm, which custom CSS plugin are you using? There are some plugins, unfortunately, which convert special characters (like greater than signs) to an escape code. When I view your custom CSS, I see this:

.entry-content > * {
   padding: 0 30px;
}

The > is the escape character for the greater than sign (>). Or did you copy the rule from the e-mail notification? Don’t do that, but copy the rule from the actual post, because a lot of times e-mail clients will convert special characters to escape sequences as well.

“Or did you copy the rule from the e-mail notification?”

Guilty as charged – it converted it in the Custom Css Manager window – so I thought it was ok lol

All good now…

Custom CSS is now:

.row {
max-width: 38.25em;
}
#footer a:hover {
color: #000000;
}
.entry-content > * {
padding: 0 30px;
}
.entry-content h1,
.entry-content h1 * {
padding: 0;
}

100 bows in your direction!

Lastly – how would I strike a gold border around that whole container section (including the logo?

Blessings CrouchingBruin!!

.entry-content {
    border: 5px solid #cccc00;
}

Not sure if #cccc00 is close enough to gold, you’ll have to experiment (change the first four characters as identical pairs of two, like dddd, d4d4 or e2e2). Change the 5px if you want the border width to be narrower or wider.

Thanks again ??

For some reason the main page logo is adjusted to the margin or padding rather than full bleed like the other pages? Did I mess up coding?