Customizing colored texts on HomePage

[Noz]

Hi,

Where can I modify colored text from the Home page (and all site).

e.g. “It all starts with a Date”
I would like another color for “Date” than default pink.

Thanks

[Noz]

Would also like to modify color of “Our TV Commercial”

[SQadmin]

The pink is set from a shortcode named Colored text.
You can find it in your Home page editor:
[kleo_colored_text color=”#F00056″] Date [/kleo_colored_text]

Change the HEX color to your desired one.

OUR TV COMMERCIAL also is a Video Button shortcode:
[kleo_button_video url=”http://www.youtube.com/embed/FtquI061bag” style=”alert” size=”large” round=”radius” icon=”film,after”] Our TV Commercial [/kleo_button_video]

Instead of style=”alert” you can have for style: standard,secondary,success

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Noz]

OK, thanks !

And how to get the dynamic pink circles (groups) into another color ?

What about pink/blue arrow behind “Sweet stories from our Lovers” ?

And “Newest” – “Active” – “Popular” links under “Top Members” ?

Thanks a lot ! 🙂

[SQadmin]

The dynamic circle is set from a javscript file: assets/scripts/app.js
You can change the hex color from the section 10. Circular Match Bar

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[SQadmin]

“Newest” – “Active” – “Popular” links under “Top Members” gets the color you set for “Button Background Color” from Admin -> Sweetdate -> Styling options

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Noz]

Hi,

Thanks for circles. 🙂

Can’t undertand what and where to modify for “Newest” – “Active” – “Popular” links under “Top Members” , sorry. At the time beeing, I have : pink link – blue hover link.

“Button Background Color” is already set to custom color, but with no result on those links. Neither on links for members “profile”…

** COULD YOU PLEASE TELL ME WHERE/WHAT TO MODIFY FOR MEMBERS PROFILE PAGE ALSO **

1/ HOME / MEMBERS / PSEUDO / ACTIVITY / PERSONAL

Slash bar are still blue (would like them my custom color).

2/ Same for alert message background (blue -> would like it set to my custom color) :

e.g. “Sorry, there was no activity found. Please try a different filter”

3/ Links hover are also blue (would like hover color = my custom color) :

Activity
Profile
Friends
Groups
Forums
Album
Settings

4/ Little blue triangle remaining at the bottom of the colored header (where you find avatar, username, about me infos). Would like it my custom color.

Many THANKS for GREAT support which really SAVE TIME when customizing design. 🙂

[SQadmin]

Hi,
As I just said: “Button Background Color” from Admin -> Sweetdate -> Styling options

Triangle: add this in quick css sectio from Styling Options:
#profile:after {border-color: #0095C2 transparent transparent;}
Just change with your color

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Noz]

Hi,

Have already done that, but does not work for several links (including profile page and Top Members links on homepage).

Would you please tell me where and what to modify for 1/2/3 ?
What about white arrows in pink circle on homepage, under “Sweet stories from our Lovers” ?

Thanks for triangle. Will try.

[SQadmin]

Hi,
These customizations are done by adding CSS to Quick Css section from theme options page.
You can add them yourself.

For breadcrumb:
ul.breadcrumbs li:before {color #ffffff;}

Alert box:

div.alert-box {
background-color: #2BA6CB;
}

All other are from theme options. Please play with the colors, you have plenty.
Also you can use Mozilla Firebug to identify what css needs to be changed

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Noz]

OK, thanks ! 🙂

For sure, this detailled topic will help other users.

[Author]

Posts