Alt Colour for pages

What do you mean with “alt” color? The color of the bar?

It is not possible to set different colors of the bar (or link, text within the bar) for different pages. But you can write CSS code to let the color change on the home page.

Hi Martin,

Thanks for the reply. Basically I want to have the home page text and links in White and all other pages in black, matching the theme already in place.

If you could kindly provide the custom CSS that would be great.

Thanks

Alt = Alternate colour of the all texts and links, I have the bar set as transparent.

• This reply was modified 8 years, 1 month ago by satrails.

Please tell the address of your site and I can help you.

Hi there,

Same as in the first post https://www.thetrailcollective.com.au.

Thank you.

Thank you. So the CSS code is

.home #scb-wrapper a,
.home #scb-wrapper a span {
    color: #fff;
}

You insert this at the end of the file ‘style.css’ of the active theme or into a custom CSS plugin.

• This reply was modified 8 years, 1 month ago by Martin Stehle.
• This reply was modified 8 years, 1 month ago by Martin Stehle.

Hi Martin,

Thank you for getting this through, I have placed the code into the custom CSS of the theme and it works for the link and phone number however the Headline text, phone and email icons are still black. Can we change them with css code also please?

I have also noticed that when on phone or tablet browsers, the plugin shows up in the White background bar..? is there an option to take this off and have display in the same way the plugin does on a normal computer please?

Thank you.

• This reply was modified 8 years, 1 month ago by satrails.

I have also entered our country code into the Phone number (+61 for Australia) the plug in automatically adds 00 in front, this is only for europe to dial out not worldwide. is there a way to just have it to add +61 in front without the 00?

Thank you

Ok, to get the text white, too, please replace the former code with this code:

.home #scb-wrapper *,
.home #scb-wrapper a,
.home #scb-wrapper a span {
    color: #fff;
}

Unfortunately for the icons there is no solution at this time.

In small displays the bar’s behaviour changes. To see the white text on the home page in small displays I recommend to set a background color with this code:

body.home {
    background-color: #304737; /* dark green */
}

The dark green fits the photo on the home page.

Dial code: ’00’ is a world-wide standard. At least the paper says so. So you can dial a ‘+’ on australian phones? I really do not know it.

Hi Martin,

Thank you.

1. The code for changing the colour of the text worked.

.home #scb-wrapper *,
.home #scb-wrapper a,
.home #scb-wrapper a span {
color: #fff;
}

However the logos still remain dark on the home page, can we change them to white too please?

2. The code to change on small displays to worked in custom css, however just changed the colour of the bar, can the bar be transparent or removed all togther..?

3. In regards the phone number details yes in Australia an around the world, you dial + first… Having travelled extensively to Europe I know this is different there as you have to dial 00 first to get a line out..

Could you allow me to enter a plus + symbol in front please?

Thank you for all your help, it is much appreciated.

Cheers

As I wrote in my answer there is no solution for the icons at this time.

What to do you want? White links or to remove the bar?

The + symbol will be available in the next upgrade.

With the new version 4.5.1 the change of ‘+’ to ’00’ is removed. Any plus sign is untouched.

Hi Mate,

Thank you for the update, all working well.

All is fixed, thank you.

Appreciate your help. Prost!