Change page title, color, size, shadow etc

Support Forums for LiveMesh Themes & Plugins Forums Extinct Theme Support Change page title, color, size, shadow etc

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #18078
    seamus@deivert.com
    Participant

    Hi

    1. How do I change a page title size, color and remove the shadow (portfolio)? and/or hide a page title for a single page,

    2. How do I make the title/tagline area shorter ie i want the portfolio filter to start higher up on the page.

    3. where do I Change the portfolio filter font and size?

    4. Is it possible to have the header page names in an other color for the active page?

    I can’t figure out where these things are in the appearance editor.

    http://seamusdeivert.com/wp/

    Thanks!
    Séamus

    #18079
    Veena
    Moderator

    1.Pls check Themeoptions > Fonts tab and see if it helps or you can add custom CSS.

    1,2,3,4 :- You can use the below custom CSS in themeoptions –

    .page-id-15 #title-area {
        padding: 5px 0 0;
    }
    .page-id-15 #title-area .page-title.entry-title a {
        color: #000;
        text-shadow: none;
        font-size: 38px;
    }
    .page-id-15 #title-area p {
        margin: 0;
    }
    .page-id-15 #portfolio-filter a {
        color: #777;
        padding: 0 8px;
        font-size: 14px;
        font-weight: 500;
    }
    .page-id-15 #portfolio-filter a:hover {
        background-color: #000;
        color: #fff !important;
    }
    #primary-menu > ul.menu > li > a:active {
        color: #2334E6 !important;
    }
    

    http://www.wpbeginner.com/beginners-guide/how-to-find-post-category-tag-comments-or-user-id-in-wordpress/

    #19207
    seamus@deivert.com
    Participant

    THanks! The custom css worked for that page. Though when I copy this code and paste into the custom css just below the above code, and just change the page-id to 11 it does not work on an other page as well. Any thoughts?

    .page-id-15 #title-area {
    padding: 1px 0 0;
    }
    .page-id-15 #title-area .page-title.entry-title a {
    color: #FEFEFE;
    text-shadow: none;
    font-size: 18px;
    }
    .page-id-15 #title-area p {
    margin: 0;
    }
    .page-id-15 #portfolio-filter a {
    color: #777;
    padding: 0 8px;
    font-size: 15px;
    font-weight: 500;
    }
    .page-id-15 #portfolio-filter a:hover {
    background-color: #914e4e;
    color: #fff !important;

    }
    .page-id-11 #title-area {
    padding: 1px 0 0;
    }
    .page-id-11 #title-area .page-title.entry-title a {
    color: #FEFEFE;
    text-shadow: none;
    font-size: 18px;
    }
    .page-id-11 #title-area p {
    margin: 0;
    }

    #19231
    Veena
    Moderator

    Can you share a link to this page that having page id 11?
    BTW if you want to apply same color,font etc for all the page titles/title area you can give custom CSS as below ie, you need not mention pageid’s.

     #title-area {
        padding: 5px 0 0;
    }
     #title-area .page-title.entry-title a {
        color: #000;
        text-shadow: none;
        font-size: 38px;
    }
    #title-area p {
        margin: 0;
    }
    
    #19232
    seamus@deivert.com
    Participant

    Thanks, it works for one page but not for this page for some reason, can’t figure it out..
    http://seamusdeivert.com/?page_id=11

    #19235
    seamus@deivert.com
    Participant

    It also does not change the background on the portfolio pages:
    http://seamusdeivert.com/?portfolio=byggcheferna

    is that possible to change on a global level?

    #19269
    Veena
    Moderator

    You can use this custom CSS –

    .page-id-11 #title-area h1 {
        color: #000;
        text-shadow: none;
    }
    h1.portfolio-title.entry-title {
        color: #000;
        text-shadow: none !important;
    }
    
    #19299
    seamus@deivert.com
    Participant

    Thanx!

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Change page title, color, size, shadow etc’ is closed to new replies.