[robertl]

Hi Support,

Our site: http://tuanzbuild.tuanz.org.nz/

1. What is the CSS code to make the titles/headings ONLY on the home page #E60000 colour? I am only just wanting these titles in #E60000 colour:

– Welcome to TUANZ,
– ‘Featured Content’,
– 2020 Vision,
– Fibre Readiness,
– and Join TUANZ.

2. When on page: http://tuanzbuild.tuanz.org.nz/complaints-disputes/ , and when you just hover your mouse over the ‘About’ menu, the “Complaints & Disputes” (in the last box of the menu) is transparent. I’ve done some CSS previously that may have caused this to be transparent, this only happens if you’re on the specific page and occurs for other pages as well. I feel like I may have missed something out in my CSS code. Would you be able to assist with this?

3. I am wanting to span an image across the bottom of our website as shown on this screenshot here: http://prntscr.com/axf6yx . I’m wanting to do something very similar to this website here at the bottom of their site with the events and background image: https://internetnz.nz/ – I believe this will require some HTML. What would the best way to go about for this?

Cheers,
Rob

[robertl]

Please ignore question #1. I managed to figure it out myself 🙂

[Mahesh]

@robertl:
1. CSS code to make the titles/headings ONLY on the home page #E60000 colour:
Go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS box and add the following CSS:

.home #promotion-message h2, 
.home #featured-heading, 
.home #featured-content .entry-title {
    color: #E60000;
}

2. Transparent background on Complaints and Disputes menu item:
Add the following CSS and it will resolve the issue.

.catchresponsive-nav-menu .sub-menu a {
    background-color: #fff;
}

3. Since you content is one whole block and you are pointing the break in the middle of the content, I am afraid, this is not possible.

Regards,
Mahesh

[robertl]

2. Thanks Mahesh. Works perfect.
3. No worries 🙂

Just one more thing, where I have scribbled here in the screenshot: http://prntscr.com/axfvia – would it be possible to evenly distribute the text out along? Since it looks like it’s using most from the left for some reason and the text should keep going until the end of the block then wraps

[Mahesh]

@robertl: It is because you’ve nothing to display in right section of promotion headline. And by default the max-width of left-section is 80%. For full-with promotion headline, use the following CSS:

#promotion-message .left {
    max-width: none;
}

Regards,
Mahesh

[Author]

Posts