customizing posts / post titles
-
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!
-
1. Snippet
2. Customiz’it!>Front Page
Front Page displays: Your latest postsBut maybe you’ve added some CSS or php to suppress this?
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) {
\
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).
The topic ‘customizing posts / post titles’ is closed to new replies.
