Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Heading colors are not changing when changed

Featured Lock Resolved Bug
In a number of the templates I have worked in lately, I have tried to change the color of the heading / title and it is not changing with the settings. It is frustrating to have to add special code to the headings. I also am having issues that I can only make 2 - 3 changes before I have to save and close the page because everything goes white.

7 Answers

Peter Dowse

More than a month ago #Permalink
Have you tried changing the colours with a custom css file?

Also a link to the website or the page with the headers and a description of what you're trying to do will be very helpful for the Joomshaper guys to bug fix

Nicole Otto

More than a month ago #Permalink
http://webtomixresearch.com/tfc/index.php

This is the site I am working with right now. I shouldn't need to add custom .css to be able to change a heading color. If I want to put a dark background behind something when the text is default dark, I have to take extra time to add coding so that the heading can be a different color. There is a section with video behind it that was the biggest issue right now.

Peter Dowse

More than a month ago #Permalink
Are you able to be a little more specific with what you're trying to do? (not sure as you referenced changing heading and also a dark background)

I see a dark video section on your site with white text in section-id-1566595135219.
I'm assuming you're referencing the text

"Outside the Box Thinking"

as the text you're wanting to change the colour of?

Peter Dowse

More than a month ago #Permalink
Also - just as a point of interest, using a custom css file is soooooooo much easier than going into each addon.

With css you're able to target specific areas on the site, add different elements and change things sitewide. I highly recommend learning more CSS it if you're doing lots of website changes and design etc.

Nicole Otto

More than a month ago #Permalink
So the At TFC Poultry was dark and would not change unless I added code directly to the header.
<font color="white">At TFC Poultry</font>

The header for the next section over the video has the same coding. As well as the smaller headings in the same section. The reason I am saying that doing this with .css would be complicated. Why can't there be an option in the addon to change the heading color. There are a couple of the addon's that have this coding. It makes things much simpler to set it right there.

Peter Dowse

More than a month ago #Permalink
There can be an option for that...it's just up to the Joomshaper developers if they decide to code that into the add-on or not.

If you're not going to change elements with a custom.css file you're always going to be beholden to the whim of the developers adding a colour field to every title, sub title and field of any particular add-on.

The way I see it is you have a couple of options.

1. Use your work around
2. Put in a request to the Joomshaper guys to add a colour option to a particular field in a specific add-on
3. Edit it with as cutom CSS file.

I get you might see CSS as complicated....but if your building websites....that's all part of the toolkit of building sites and something you really should know.

There's loads of great websites where you can learn CSS...many are free.

Peter Dowse

More than a month ago #Permalink
If you wanted to target that heading text using css you would add this to your custom.css file



#sppb-addon-1566595135246 .sppb-addon-title {
color: #ffffff;
}


Please note though, you will need to remove your inline styling for this to work, otherwise, you will need to add an !important statement after your hex code.
If you want to target multiple areas, you just add additional classes or div ID's onto your css like this (note the comma after the first div ID)


#sppb-addon-1566595135247,
#sppb-addon-1566595135246 .sppb-addon-title {
color: #ffffff;
}


This way you can target multiple areas of your site with white text without having to go into each and every addon to change a field or allocate a colour in the addon.

Once you get your head around CSS and adding custom css to a site, it really is a lot quicker and easier than going into individual addons and styling text.

You also have the benefit of using developer tools to make changes on the fly to see what they look like.
Here's a good place to start.
https://developers.google.com/web/tools/chrome-devtools/css/


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 126
Toufiq

Toufiq

Total Accepted Answers: 73
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 27
Ofi Khan

Ofi Khan

Total Accepted Answers: 14
Rashida Rahman

Rashida Rahman

Total Accepted Answers: 11

120

Templates

311048

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us