[[email protected]]

Hello there

Wondering if you can help me with a few things please for http://www.littlegiftplace.co.uk

– I’d like to remove the title Home from home page please.

– Is it possible to change the colour of the social icons and promotional call to action boxes? So background box is one colour and inner icon another?

-Can the colour of the promotional headline text be changed?

Many thanks for your help. I love the theme.

Kind regards
Karen

[Mahesh]

@infolittlegiftplace-co-uk: Go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:
1. I’d like to remove the title Home from home page please.

.home #main .entry-header {
    display: none;
}

2. Is it possible to change the colour of the social icons and promotional call to action boxes? So background box is one colour and inner icon another?

#promotion-message .right a {
    background-color: #ff00ff;
}

#promotion-message .right a:hover {
    background-color: #00ff00;
}

3. Can the colour of the promotional headline text be changed?

#promotion-message .left h2 {
    color: #ff00ff;
}

Note: Please change the colors as desired.

For social icons color, edit the following CSS:

.site .widget_catchbase_social_icons a.genericon:hover {
    background-color: #000;
    border-color: #000;
    color: #fff;
    text-decoration: none;
}

.site .widget_catchbase_social_icons a.genericon-facebook-alt:hover {
	background-color: #3b5998;
	border-color: #3b5998;
}

.site .widget_catchbase_social_icons a.genericon-twitter:hover {
	background-color: #00aced;
	border-color: #00aced;
}

.site .widget_catchbase_social_icons a.genericon-googleplus-alt:hover {
	background-color: #dd4b39;
	border-color: #dd4b39;
}

.site .widget_catchbase_social_icons a.genericon-mail:hover {
	background-color: #1d62f0;
	border-color: #1d62f0;
}

.site .widget_catchbase_social_icons a.genericon-feed:hover {
	background-color: #dc622c;
	border-color: #dc622c;
}

.site .widget_catchbase_social_icons a.genericon-wordpress:hover {
	background-color: #21759b;
	border-color: #21759b;
}

.site .widget_catchbase_social_icons a.genericon-github:hover {
	background-color: #4183c4;
	border-color: #4183c4;
}

.site .widget_catchbase_social_icons a.genericon-linkedin:hover {
	background-color: #007bb6;
	border-color: #007bb6;
}

.site .widget_catchbase_social_icons a.genericon-pinterest:hover {
	background-color: #cb2027;
	border-color: #cb2027;
}

.site .widget_catchbase_social_icons a.genericon-flickr:hover {
	background-color: #ff0084;
	border-color: #ff0084;
}

.site .widget_catchbase_social_icons a.genericon-vimeo:hover {
	background-color: #aad450;
	border-color: #aad450;
}

.site .widget_catchbase_social_icons a.genericon-youtube:hover {
	background-color: #bb0000;
	border-color: #bb0000;
}

.site .widget_catchbase_social_icons a.genericon-tumblr:hover {
	background-color: #32506d;
	border-color: #32506d;
}

.site .widget_catchbase_social_icons a.genericon-instagram:hover {
	background-color: #517fa4;
	border-color: #517fa4;
}

.site .widget_catchbase_social_icons a.genericon-codepen:hover {
	background-color: #000;
	border-color: #000;
}

.site .widget_catchbase_social_icons a.genericon-path:hover {
	background-color: #ff442c;
	border-color: #ff442c;
}

.site .widget_catchbase_social_icons a.genericon-dribbble:hover {
	background-color: #ea4c89;
	border-color: #ea4c89;
}

.site .widget_catchbase_social_icons a.genericon-skype:hover {
	background-color: #12a5f4;
	border-color: #12a5f4;
}

.site .widget_catchbase_social_icons a.genericon-digg:hover {
	background-color: #333;
	border-color: #333;
}

.site .widget_catchbase_social_icons a.genericon-reddit:hover {
	background-color: #ff4500;
	border-color: #ff4500;
}

.site .widget_catchbase_social_icons a.genericon-stumbleupon:hover {
	background-color: #eb4924;
	border-color: #eb4924;
}

.site .widget_catchbase_social_icons a.genericon-pocket:hover {
	background-color: #f13753;
	border-color: #f13753;
}

.site .widget_catchbase_social_icons a.genericon-dropbox:hover {
	background-color: #2281cf;
	border-color: #2281cf;
}

.site .widget_catchbase_social_icons a.genericon-spotify:hover {
	background-color: #81b900;
	border-color: #73a500;
}

.site .widget_catchbase_social_icons a.genericon-polldaddy:hover {
	background-color: #bc0b0b;
	border-color: #bc0b0b;
}

.site .widget_catchbase_social_icons a.genericon-foursquare:hover {
	background-color: #f94877;
	border-color: #f94877;
}

.site .widget_catchbase_social_icons a.genericon-twitch:hover {
	background-color: #6441a5;
	border-color: #6441a5;
}

.site .widget_catchbase_social_icons a.genericon-cloud:hover {
	background-color: #00aced;
	border-color: #00aced;
}

.site .widget_catchbase_social_icons a.genericon-website:hover,
.site .widget_catchbase_social_icons a.genericon-cart:hover,
.site .widget_catchbase_social_icons a.genericon-phone:hover,
.site .widget_catchbase_social_icons a.genericon-handset:hover {
	background-color: #42b41e;
	border-color: #42b41e;
}

.site .widget_catchbase_social_icons a.genericon-link:hover {
	background-color: #2e6da4;
	border-color: #2e6da4;
}

Note: These are the default values, please change them as desired.

Regards,
Mahesh

[Malni]

Hi Mahesh,
how do I remove the Headline on the other sites?
Home is:
.home #main .entry-header {
display: none;
}
but how about Leistungen etc.
example http://www.t-m-p.tv

[Mahesh]

@malni: Go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CS:

.page-id-14 #main .entry-header {
    display: none;
}

Regards,
Mahesh

[Malni]

.leistung #main .entry-header {
display: none;
}

does not work, but the name of the page is leistung:

http://www.physio-kurpat.de/leistung

[Mahesh]

@malni: Page name has nothing to do on this, in the above code I’ve provided takes the class of the very page and helps to hide the page title with the CSS.

Regards,
Mahesh

[Malni]

oh okay, thanks, so where can I find the page ID?

[Mahesh]

@malni: For page ids, use Catch Id’s plugin. Catch IDs is a simple and light weight plugin to show the Post ID, Page ID, Media ID, Links ID, Category ID, Tag ID and User ID in the Admin Section Table.
https://wordpress.org/plugins/catch-ids/

Regads,
Mahesh

[Malni]

Great thx, it works.

[Author]

Posts