Agency Home Page Tweak

[agentv]

is it possible to decrease the gap between the top of the Agency Pro home page and the title of the Home Top widget? It just seems disproportionately tall, and on my MacBook Air the 'read more' button is below the fold:

http://agencyaccelerator.com.au/

Thanks heaps in advance,

Victoria

http://agencyaccelerator.com.au/

[stinkykong]

The rule in style.css that affects that is:

.home-top .wrap {
color: #FFFFFF;
font-family: 'Spinnaker',sans-serif;
padding: 15% 0;
text-align: center;
}

So the 15% could be reduced to lessen the padding of the Home Top Widget area. If you wanted to keep the contend below that out of sight perhaps this would work.

.home-top .wrap {
color: #FFFFFF;
font-family: 'Spinnaker',sans-serif;
padding: 5% 0 25%;
text-align: center;
}

---

Web Design by Websentia Web Services
http://websentia.com

[agentv]

Thanks for the quick response - tried that and no joy?

[agentv]

Ok I tried editing this in the Editor area, no joy. Then I tried doing a right click/inspect element and it showed something else, so I tweaked that percentage and hey presto.

Totally making this up as I go! 😀

[stinkykong]

I just noticed another little thing: site-container has some top padding there, too. If you want that on other pages than the home page, you could write a rule:

.agency-pro-home .site-container {
padding-top: 0;
}

I also wonder if adding .agency-pro-home to the beginning of the rule above would make that rule stick.

---

Web Design by Websentia Web Services
http://websentia.com

[Author]

Posts