Hi changing the colours in the style options to custom i cant get the contact info to be all white, i get white icons but black text for phone number and email beside the menu.
Is there any custom css just to change this
Solved
Templates
Celestia Custom Style
Accepted answer
Marked as the solution
Paul Frankowski Senior Staff
Hi Steven,
If you don't mind, I will give you a fishing rod, not a fish.
https://www.joomshaper.com/blog/which-line-of-css-i-have-to-edit-code-inspector-in-action
Firefox, Chrome, Opera all those browsers has "Code Inspector" tool to preview used styles etc.
6 more replies
Paul Frankowski Senior Staff
BTW
Do we talk about "Contact" page?
https://demo3.joomshaper.com/2023/celestia/index.php/pages/contact
If yes, background image was set in Section Options > Style > Background (there you can change it)
and color of fonts is set for < body > , but you can customize it from addon settings, one by one, search in "Style" tab.
Steven Gourlay Asked this
Thanks i will check your first reply, its in the menu line if you enable the contact
<li class="sp-contact-phone"><span class="fas fa-phone" aria-hidden="true"></span> <a href="tel:phone">phone</a></li><li class="sp-contact-email"><span class="far fa-envelope" aria-hidden="true"></span> <a href="mailto:email.com">email.com</a></li>
Paul Frankowski Senior Staff
li.sp-contact-phone a,
li.sp-contact-email a {color: white;}
Steven Gourlay Asked this
Thank you for the rode as it relates to #sp-header.celestia-header.header-with-modal-menu to make the text white
Steven Gourlay Asked this
Hi sorry to touch back on this, the problem i have here im not sure if i can actually find a solution.
So this theme the header is a video and you can see the Logo is white, the contact text is black
When scrolling down the top menu becomes black, so the contact text cannot be black.
However if i change this within the theme style options then the text on the menu drop down is white and is unreadable
Paul Frankowski Senior Staff
2 years ago
· edited
This should help for contact-info color after scroll down
#sp-header.celestia-header.header-sticky .sp-contact-info a,
#sp-header.header-sticky .sp-contact-info li a,
#sp-header.header-sticky .sp-contact-info span,
#sp-header.celestia-header.header-sticky .sp-contact-info > li > span
{ color: white;}
BTW
CHange default favicon, Joomla logo doesn't look good.
Steven Gourlay Asked this
Thank you, yeah i will change the favicon once its live
Log in to reply.