Styling page names/titles

  • Posted in : Responsy WP
  • lamarcs
    Participant

    How can I style the way a page name/title appears on the page? For instance, I have a page called ‘services’, and across the top of that page, under my header and header border, it says “SERVICES” in very bold, dark font. Can these page names/titles be stylized?

    Also, underneath the page name, there’s a thin border. Can this be stylized? These thin borders also separate the different sections on my home page. I was able to stylize my header/tagline borders on my home page using this code:

    .header-wrap, .tagline { border-width: 0 0 3px 0; }

    ahmetsali
    Keymaster

    Hi,

    1-) You can style page titles as;

    .page-header h1 { font-weight: 400;  }
    

    2-) Also you can style all repeated dashed border styles as;

    .header-wrap, .page-header, .content h2, .blog-part h3, .search-widget, .post-single .media-box, .tagline, .featured-posts .item { border-width:0 0 1px 0; border-style: solid; }
    
    lamarcs
    Participant

    Thanks Ahmet! I’m not having any luck with #1 though… I’m still not able to style the page titles. Any thoughts?

    ahmetsali
    Keymaster

    Hi try this;

    /* Bold Text */
    .page-header h1 b { font-weight: 400;  }
    
    /* Small Text */
    .page-header h1 small { color: #ccc;  }
    
    lamarcs
    Participant

    Thank you! That worked perfectly. Appreciate the support!

    rharquitectos
    Participant

    were we put the code?

    Mehmet S.
    Keymaster

    Theme Settings > Style > Custom CSS

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

The forum ‘Responsy WP’ is closed to new topics and replies.