Change Of Color In A Template - Question | JoomShaper

Change Of Color In A Template

YR

Yannis Remediakis

Template 10 months ago

Hi,

I use the shaper_helixultimate template.

How do I change the color of the Letters in the home page from broown to match the green on the logo? How do I change the color of Buttons to the same?

It is one of the nicest templates I have ever seen!

Thank you

0
6 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 10 months ago #177967

Hi

Thanks for contacting us. Use this CSS in your custom.css file

.sppb-addon-title{
  color: green !important;

}

-Regards.

0
YR
Yannis Remediakis
Accepted Answer
10 months ago #177978

Thank you for your quick responses !!

I don't know where I need to go to add this code. Can you be more specific? I will need to adjust also the background color behind the main title "WE MAKE IRON WORK"

Also, where is "Green" defined as a color? How do I define custom colors with their # code?

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 10 months ago #178001

Note: Path towards custom CSS:

Go to system--> https://prnt.sc/tDbSUJh6LiGu --> Default template-->Template options--> https://prnt.sc/A5nlsBvCQsqs And add your CSS there.

For background color, you can use this CSS

.sp-page-builder .page-content #section-id-zXlb01dkphQ0Q5atImzSi {
    background-color: #097326 !important;
}
0
YR
Yannis Remediakis
Accepted Answer
10 months ago #178100

That is great! It worked like a charm!!!!

Thank you!

I need to know also how to change the "Read More" button on the same page

or even better, how do I find myself the property I need to change the color on a page?

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 10 months ago #178185

Glad to know that.

Could you please give me a screenshot of that button? And also please give me that specific page link.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 10 months ago #178212

Yannis,

  1. To translate "Read More" in Blog view use Joomla Language Override and translate that phrase

HELIX_ULTIMATE_READ_MORE


  1. About colors etc. read my blog post > https://www.joomshaper.com/blog/which-line-of-css-i-have-to-edit-code-inspector-in-action

Use your CSS knowledge and you can customize design of "Read More" link in Blog view

.article-list .article .readmore a  {  } 
.article-list .article .readmore a:hover  {  } 

info_2938_2024.png

0