• hi Guys

    I’d like to

    1. remove the strange icons that appear around the title of a post
    2. Have posts on the front page of my site display the full post (pic + text) at the moment it only displays the post title.

    my site is http://cara-lea-dance.co.uk/

    I have been checking / unchecking >customizer>post / page layout, if i check display excerpt I get the pic back)

    as always, Thx!

Viewing 4 replies - 1 through 4 (of 4 total)
  • 1. Snippet

    2. Customiz’it!>Front Page
    Front Page displays: Your latest posts

    But maybe you’ve added some CSS or php to suppress this?

    Thread Starter caraleadance2013

    (@caraleadance2013)

    I haven’t added any code related to posts so I don’t think so

    here is all my bespoke code
    \
    /* change page color for gallery */
    .page-id-142 #main-wrapper {
    background-color: #ed207b;
    margin-top: 0;
    margin-bottom: 0;
    }

    body.page-id-142 {
    background-color: #ed207b;
    margin-top: 0;
    margin-bottom: 0;
    }

    /* Remove Navbar box */
    .navbar .navbar-inner {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    }

    /*remove shading in slider */
    .carousel-caption {
    background-color: transparent;
    }

    /* fix icon issue */
    .social-block a {
    text-shadow: none;
    }

    footer#footer .colophon .social-block a {
    text-shadow: none;
    }

    /* Right sidebar */
    .right .tc-sidebar {
    background-color: rgba(51,153,255,0.1);
    }

    /* Remove PAGE TITLES */
    .page .entry-title {
    display: none;
    }

    /*remove page icon */
    .page h1.format-icon:before {
    content: none;
    }

    /* Adjust the Header */
    header.tc-header {
    /* Adjust the (blue) background color */
    background-color: blue;
    /* Adjust the (red) top border style/color */
    border-top: 10px solid black;
    /* Adjust the (green) bottom border style/color */
    border-bottom: 10px solid black;
    }

    /* Change the Header/Footer background */
    header.tc-header, .navbar-wrapper, footer#footer .colophon {
    background-color: black;
    /* black */
    }

    /* Adjust Menu (red) text color, (Helvetica) font-family, (1.5em) font-size */
    .navbar .nav > li > a, .navbar .nav > li > a:first-letter,
    .navbar .nav > li.current-menu-item > a,
    .navbar .nav > li.current-menu-ancestor > a {
    display: inline;
    color: white;
    font-family: Helvetica;
    font-size: 1.5em;
    padding: 5px 20px;
    }

    /* Adjust Menu colors – Normal */
    .navbar .nav > li > a, .navbar .nav > li > a:first-letter {
    color: white;
    text-shadow: none;
    }

    /* Adjust Menu colors – Hover */
    .navbar .nav > li > a:hover, .navbar .nav > li > a:hover:first-letter {
    color: #ed207b;
    text-shadow: none;
    }

    /* Adjust Menu colors – Active */
    .navbar .nav > li > a:active, .navbar .nav > li > a:active:first-letter,
    .navbar .nav > li.current-menu-item > a,
    .navbar .nav > li.current-menu-ancestor > a,
    .navbar .nav > li.current-menu-item > a:first-letter,
    .navbar .nav > li.current-menu-ancestor > a:first-letter {
    color: #ed207b;
    text-shadow: none;
    }

    /* Adjust dropdown Menu items */
    .dropdown-menu > li > a {
    color: #ed207b;
    background: white;
    }

    body {
    background: none repeat scroll 0 0 #F9F9F9;
    color: #5A5A5A;
    padding-bottom: 0;
    }

    Body {
    Background: white;
    }

    footer#footer {
    background: none repeat scroll 0 0 #83C0E5;
    border-top: 2px solid #E9EAEE;
    color: #5A5A5A !important;
    padding: 0;
    }

    /* All Carousels */
    .carousel-control {
    display: none;
    }

    /* Front-page Carousel only */
    .home .carousel-control {
    display: none;
    }

    /* mail chimp */
    .mc4wp-form {
    background: light green;
    }

    ul.nav li.dropdown > ul.dropdown-menu {
    padding-top: 10px;
    margin: 0;
    }

    .nav > li > a.a-caret {
    display: block;
    padding: 8px;
    position: absolute;
    height: 10px;
    width: 10px;
    top: 1px;
    left: 10px;
    }

    .nav > li > a.a-stripped {
    padding: 5px 2px 5px 38px;
    }

    .navbar .nav .dropdown-toggle .caret {
    margin-top: 4px;
    margin-left: 1px;
    }

    .navbar .nav > li > .dropdown-menu:before {
    left: 16px;
    }

    .navbar .nav > li > .dropdown-menu:after {
    left: 17px;
    }

    .navbar .navbar-inner {
    box-shadow: 0 2px 15px rgba(0,0,0,0.12);
    }

    .navbar .nav > li > .dropdown-menu:before {
    border-bottom: 7px solid rgba(153,153,153,0.27);
    }

    .navbar .nav > li > .dropdown-menu:after {
    border-bottom: 6px solid rgba(255,255,255,.9);
    }

    .navbar .nav li.dropdown.open > .dropdown-toggle,
    .navbar .nav li.dropdown.active > .dropdown-toggle,
    .navbar .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: #ececec;
    border-radius: 4px;
    box-shadow: inset 0 2px 3px rgba(0,0,0,.35);
    }

    @media (min-width: 980px) {
    ul.nav li.dropdown:hover a.a-caret + ul.dropdown-menu,
    ul.nav li.dropdown a.a-caret:hover + ul.dropdown-menu,
    ul.nav li.dropdown ul.dropdown-menu:hover {
    display: block;
    z-index: 1001;
    }
    }

    @media (max-width: 979px) {

    \

    Thread Starter caraleadance2013

    (@caraleadance2013)

    Dave – I’ve used this snippet before to remove page icons and it worked. its not working for the posts. this is what i’m using and ive change .page to .post

    \

    /* Remove Post/Page Icon */
    .post #main-wrapper h1.format-icon:before {
    content: none;
    }
    \

    article.format-image .format-icon:before {
      content: "none";
    }

    should do it. It removes the a) Larger image b) Icon (Looking at Grand National Finals Day on front page).

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘customizing posts / post titles’ is closed to new replies.