Justinlas

What is the other way to do this if I don’t use the custom css route – as it seems to be slowing things down considerably due to parsing of java script before the page loads.

Adwords will be extremely important to my site – so page load time is priority.

Can we somehow put the custom css code below into the coding rather than using custom css?:

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

Also regarding the custom css I have this error in Google PageSpeed Insights for load time (https://developers.google.com/speed/pagespeed/insights/):

82 / 100 Speed
Consider Fixing:
Eliminate render-blocking JavaScript and CSS in above-the-fold content
Your page has 1 blocking CSS resources. This causes a delay in rendering your page.
None of the above-the-fold content on your page could be rendered without waiting for the following resources to load. Try to defer or asynchronously load blocking resources, or inline the critical portions of those resources directly in the HTML.
Optimize CSS Delivery of the following:

https://investmentpropertyquotes.com.au/?action=display_custom_css_code

Does this mean that the custom css manager needs optimising?
I need the custom css to run first, but that slows me down right?

So, I changed the logo to be more consistent, which now shows the header logo as full as requested.

For some reason it is not carrying over to the mobile version of the site.

Why would that be?

Viewed on a mobile the header logo has white space to the sides of it?

Bingo! Thanks again.

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?

“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!!

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

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

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

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?

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

Awesome! Thanks again ??

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

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