Static front page how to remove title

  • Graphene2User

    #50285

    With a static front page ( with post panes) how do I remove the page title and the space it occupies?
    Thanks

    Admin

    Syahir Hakim

    #50288

    Copy and paste the following code into Additional CSS:

    .home .entry .entry-title {
    	display: none;
    }
    

    Graphene2User

    #50291

    Great – Thanks Syahir
    Here is a summary of modifications to Graphene 2 (with css) so it looks somewhat like Graphene 1 (no css)
    Turn off the slider arrows,
    Remove homepage title
    Increase size sidebar widget headings
    and invert heading text colour on a background header bar
    with round corners

    Round corners on th widget area

    Change link font size and style same as other widget items

    .carousel-control {
    	display: none;
    }
    
    .home .entry .entry-title {
    	display: none;
    }
    .post-title, .post-title a {
    font-size: 20px !important;
    }
    
    .sidebar h3 {
    	font-size: 12px;
       padding: 10px 15px;
       background-color: #1e73be;
       color: #fff;
    	border-radius: 5px 5px 0px 0px;
    }
    .sidebar .sidebar-wrap {
    	padding: 1px 1px;
    	border-radius: 10px;
    }
    
    .widget-area .widget_recent_entries a, .widget-area .widget_rss ul a {
        font-size: 14px;
        font-weight: normal;
        line-height: 15px;
    }
    
    

    Graphene2User

    #50298

    Just one other thing – how do I reduce the line spacing in the side widget areas, it seems to be set to 1.5em?

    Admin

    Syahir Hakim

    #50300

    The default line-height for sidebar text is 22px. To modify the line-height for the widget areas, just add this code to Additional CSS:

    .sidebar p {
    	line-height: 20px;
    }
    
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.
Do NOT follow this link or you will be banned from the site!