Site name and short description

Home Forums Spacious Free Site name and short description

This topic contains 5 replies, has 2 voices, and was last updated by  Rajesh 2 weeks, 4 days ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1377024

    Tamás
    Participant

    Hello!

    I would like to have a different at the Home page, and another one on all other pages and blog items.

    Homepage:
    1. header image
    2. site name with light blue background with dark blue text
    3. a short text with dark blue background with white text
    (no menu)

    All other pages:
    Only point 2 from above (only the site name)
    Point 1 and 3 are hidden.

    I tried to use the site’s short description… It did not work out, as I could not change the color of the text, and it appeared on all pages’ header.

    Site: Kigyoseva.hu

    Thanks a lot!

    Greetings

    Tamas

    #1377137

    Rajesh
    Moderator

    Hi @Tamás,

    For showing the header image only in home page, you can go to Appearance > Customize > Additional CSS: in dashboard and insert the below mentioned code.

    body:not(.home) #wp-custom-header {
         display:none;
    }

    For changing the text color of the site title go to Appearance > Customize > Colors > Header Text Color and choose the required color.
    For changing the background color of the site name, you can add the following code in the same place.

    #site-title {
    	background-color: #36F6F6;
    }

    For a short text, you can use site description. After that, for showing the site discription only in home page, add this to the same place.

    body:not(.home) #site-description {
         display:none;
    }

    To change the color of site description, add the following code in the same place.

    #site-description {
    	color: #fff;
    	background-color: #0656F5;;
    }

    Thanks.

    #1377156

    Tamás
    Participant

    Thank you, Rajesh!

    The solutions you gave to me for the header blocks removed from all pages are great! They work fine.
    Thanks a lot!

    However, the text colors still require help.

    The site title is always white, only the hover color changed with this:

    For changing the text color of the site title go to Appearance > Customize > Colors > Header Text Color and choose the required color.

    The site’s short description is always gray.

    So, I would need help to modify the color of the text of the site’s name and its short description.
    Could you, please, help me with these two settings ?

    Friendly greetings

    Tamas

    #1377221

    Rajesh
    Moderator

    Hi @Tamás,

    For changing the color of the site title, you can insert the below mentioned code in Appearance > Customize > Additional CSS:

    .spacious-header-style-two #site-title a {
        color: #0656F5;
        background-color: #36F6F6;
    }

    For changing the color of the site description, you can add the following code in the same place.

    .spacious-header-style-two #site-description {
       color: #fff;
       background-color: #0656F5;
    }

    Thanks.

    #1377327

    Tamás
    Participant

    Thanks a lot!

    Tamas

    #1377344

    Rajesh
    Moderator

    Hi @Tamás,

    Glad to know it worked. If you get any issue later, feel free to ask again.

    Thanks.

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

You must be logged in to reply to this topic.