Top Bar Text Colour - Question | JoomShaper
🎃 Halloween Sale is Live! Get 35% OFF on all plans. Sale ends soon! Get Offer

Top Bar Text Colour

Alex Walker

Alex Walker

Template 4 months ago

How can I change the text colour in the top bar from white to black? I am using the Kidzy template. I cannot do a right click to inspect. I must have turned on no right click but don't know how to turn it off again while I inspect? Please see attached. www.roleandplayminicity.co.uk

https://prnt.sc/7HWHaNlvttM7

0
11 Answers
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 4 months ago #196389

Hello,

Thanks for raeching out to us.

Please, use this custom css in your custom code, Check this documentation: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta#documentation-heading-3

div#sp-top1 ul.social-icons a {
    color: black;
}

Thanks

0
Alex Walker
Alex Walker
Accepted Answer
4 months ago #196464

This code only changed the social icons to black but not the email address or telephione number.

thanks for the help especially the right click info. every day is a school day!

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 4 months ago #196477

In that case, Could you please share temporary administrator access to your Joomla backend? You can provide the credentials securely in the hidden content section. Also, please take a full backup of your site before we make any changes.

Best Regards,

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 4 months ago #196390

BTW

Even if you installed plugin that lock right click, you can still use Code Inspector by using browser short-keys, for example, in Firefox: Ctrl +Shift + i


it also means that I can copy your site content with all used photos, and extra plugin does not stop me at all ;p ;p

0
Alex Walker
Alex Walker
Accepted Answer
4 months ago #196465

i did not know this! very useful. i wanted you protect the pictures of children on this site. looks like the safest thing is to not put them up in the first place!!! thank you.

0
Alex Walker
Alex Walker
Accepted Answer
4 months ago #196496

see details below.

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 4 months ago #196512

Please, check now.

Thanks

0
Alex Walker
Alex Walker
Accepted Answer
4 months ago #196529

Zlaul Excellent. Please can you share what you did? Alex

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 4 months ago #196530

In your system -> templates: styles (site) -> layout -> topbar I just added a custom class and add some css in your custom code section.

Here is the css:

.topbar-extra div#sp-top1 ul li a,
.topbar-extra div#sp-top1 ul li i {
    color: black !important;
}

Thanks

0
Alex Walker
Alex Walker
Accepted Answer
4 months ago #196532

Ziaul thank you very much indeed! Alex

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 4 months ago #196534

You are welcome. We greatly value your opinion and would love to hear your feedback about SP Page Builder. If you could spare a moment, it would mean a lot to us!

You can share your review here:

Joomla Extensions Directory

Trustpilot

0