Social Links NOT Appearing

Tagged: code, css, Links, not, social, website

This topic has 7 replies, 2 voices, and was last updated 7 years, 10 months ago by Mahesh.

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
January 17, 2017 at 8:59 am #107235

paulisjob
Participant

Hello. I have already input the social link url’s via Customize>Social Links but they do NOT appear anywhere in my website. I’ve looked absolutely everywhere and have saved everything multiple times. There is nohting else at the bottom of the Social Links menu or in the list of social links boxes. I have not done any custom CSS or anything. Could someone please direct me to how I can get this to start working? Thank you!

paulinasjoberg.com

(P.S If anyone would care to also give me some CSS code to change the highlight color of the menu and “Listen On Spotify” button, that would be great.)

January 17, 2017 at 9:48 am #107238
Mahesh
Participant
@paulisjob: Go to Dashboard=> Appearance=> Widgets and add CT:Social Icon widget to any of the available widget area and it will be displayed on your site.
Go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:
```
#feature-slider .readmore a:hover, #feature-slider .readmore a:focus, #header-featured-image .readmore a:hover, #header-featured-image .readmore a:focus {
    color: #fff000;
}
```
Note: Please use your desired color.

Regards,
Mahesh
January 17, 2017 at 10:36 am #107245

paulisjob
Participant

It’s working now, thank you!

Also, for the color changing, I wanted to change the reddish color of the button and navigation. not the lettering. If you could help me with making some code that would help me change that, it would be great! Thank you.

January 17, 2017 at 3:30 pm #107262

Mahesh
Participant

@paulishob: Checked your site but its showing an error.

Regards,
Mahesh

January 18, 2017 at 7:21 am #107311

paulisjob
Participant

It’s working now! As you can see, the buttons and navigation/pages/search have a reddish color, that is what I wanted to change! I want to change the color.

January 18, 2017 at 11:26 am #107335
Mahesh
Participant
@paulisjob: Add the following CSS:
```
/* color for Read more on hover button in slider on hover */
#feature-slider .readmore a:hover, #feature-slider .readmore a:focus, #header-featured-image .readmore a:hover, #header-featured-image .readmore a:focus {
	background-color: #000fff;
    border-color: #000fff;
}

/* color for navigation menu */
.nav-primary .menu .current-menu-item > a, .nav-primary .menu .current-menu-ancestor > a, .nav-primary .menu .current_page_item > a, .nav-primary .menu .current_page_ancestor > a {
	color: #000fff;
}

/* color for navigation menu on hover */
.nav-primary .menu li a:hover, .nav-primary .menu li a:focus, .nav-primary .menu li:hover > a, .nav-primary .menu li:focus > a {
    color: #000fff;
}

/* color for navigation sub-menu on hover */
.nav-primary .menu .sub-menu li a:hover, .nav-primary .menu .sub-menu li a:focus, .nav-primary .menu .children li a:hover, .nav-primary .menu .children li a:focus {
    color: #000fff;
}

/* color for search on hover */
#search-toggle:hover, #search-toggle:focus {
	color: #000fff;
}
```
Regards,
Mahesh
January 19, 2017 at 11:41 am #107451

paulisjob
Participant

Thanks!

January 19, 2017 at 3:47 pm #107476

Mahesh
Participant

@paulisjob: Thank you for your appreciation. Have a nice day!

Regards,
Mahesh
Author

Posts