Color changes

Yusra1993
Posts: 8
Joined: Tue Apr 18, 2017 10:02 pm
Contact:

Color changes

Postby Yusra1993 » Mon Apr 24, 2017 4:39 am Supported Until: Tue Oct 17 23:38:36 +1100 2017 | Expired

Hi, I would like to know how to change the color of the the following:
1. The date stamp on each blog post featured Image
2. The menu headings
3. Footer Newsletter sign ups form
4. Social media sharing tools
In general, I do not want the color theme to be black.

hungitms
Posts: 176
Joined: Wed Mar 02, 2016 8:36 am
Contact:

Re: Color changes

Postby hungitms » Tue Apr 25, 2017 11:05 am

hi.
In Admin->Appearance->Rose Option->Advanced Settings
put this css into input "Custom CSS"

/* The menu headings */
#header .nav-menu .menu li .sub-menu:before,
#header .nav-menu .menu li .sub-menu li {
background-color: mycolor;
}

#header .nav-menu .menu > li > .sub-menu:after {
border-bottom-color: mycolor;
}

/* The date stamp on each blog post featured Image */
.post .post-media .meta-date {
color: mycolor;
}

/* Footer Newsletter sign ups form */
#footer .widget-col .col-sm-6.bg-black {
background-color: mycolor;
}

/* Social media sharing tools */
.widget_pi_follow .pi-social-square a {
border-color: mycolor;
color: mycolor;
}

then you replace "mycolor" to your color and click button "save changes"

Yusra1993
Posts: 8
Joined: Tue Apr 18, 2017 10:02 pm
Contact:

Re: Color changes

Postby Yusra1993 » Sat Apr 29, 2017 7:35 am Supported Until: Tue Oct 17 23:38:36 +1100 2017 | Expired

Thank you for the quick reply. I applied and everything worked perfectly. I have one more request. How to change the color of the Read me button?

Yusra1993
Posts: 8
Joined: Tue Apr 18, 2017 10:02 pm
Contact:

Re: Color changes

Postby Yusra1993 » Sat Apr 29, 2017 7:40 am Supported Until: Tue Oct 17 23:38:36 +1100 2017 | Expired

There is a small issue with the color change in the dropdown menu section. If you notice, there is a small black triangle that I would like to change.

hungitms
Posts: 176
Joined: Wed Mar 02, 2016 8:36 am
Contact:

Re: Color changes

Postby hungitms » Sat Apr 29, 2017 4:12 pm

hi.
With background drop down sub menu

CodeColon Select All Code

#header .nav-menu .menu li .sub-menu:before,
#header .nav-menu .menu li .sub-menu li {
background-color: mycolor;
}

#header .nav-menu .menu > li > .sub-menu:after {
border-bottom-color: mycolor;
}


Width button read more

CodeColon Select All Code

.button:hover {
 background-color: mycolor
 color: mycolor
}

Yusra1993
Posts: 8
Joined: Tue Apr 18, 2017 10:02 pm
Contact:

Re: Color changes

Postby Yusra1993 » Tue May 02, 2017 1:01 am Supported Until: Tue Oct 17 23:38:36 +1100 2017 | Expired

Thank you! Everything worked!

User avatar
pirateS
Site Admin
Posts: 5136
Joined: Wed Nov 05, 2014 11:49 am
Contact:

Re: Color changes

Postby pirateS » Tue May 02, 2017 9:32 am

Closed topic


Return to “Rose”

Who is online

Users browsing this forum: No registered users and 4 guests