Celestia Custom Style - Question | JoomShaper

Celestia Custom Style

SG

Steven Gourlay

Template 1 year ago

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

0
8 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #143603

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.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #143604

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.

0
SG
Steven Gourlay
Accepted Answer
1 year ago #143605

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>

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #143624
li.sp-contact-phone a,
li.sp-contact-email a {color: white;} 
0
SG
Steven Gourlay
Accepted Answer
1 year ago #143648

Thank you for the rode as it relates to #sp-header.celestia-header.header-with-modal-menu to make the text white

0
SG
Steven Gourlay
Accepted Answer
1 year ago #146863

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

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #147125

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.

0
SG
Steven Gourlay
Accepted Answer
1 year ago #147534

Thank you, yeah i will change the favicon once its live

0