Help modifying CarStarts theme

Latest Reply from m3 at 2013-03-01 15:35:21 Solution
Hello,
I need help doing a few things with my theme:

www.killtheshave.com

That's where I am not right now.

Here is what I would like to do:
- Change the menu fonts to PT Sans Narrow
- Remove the gray bar under the slider
- Format the posts to get rid of the wheel graphic, move the first post right underneath the slider and move the content of the post closer to the title of the post.


Anyone out there that can help?
Hello,

Please refer to:

http://smthemes.com/support/topic/fontsandcolors/


explained everything there.
Have fun!
Thanks! can you take a look at my webpage now? I am getting a white line showing up under the menu bar and i cannot figure out where it is coming from. below is my current code:

/*
Theme Name: CarStarts
Theme URI: http://smthemes.com/carstarts
Author: The Smart Magazine Themes
Author URI: http://smthemes.com/
Description: Template by SMThemes.com
Version: 2.0
License: Creative Commons 3.0
Theme date: 03/01/2013
License URI: license.txt
Tags: black, green, dark, fixed-width, featured-images, custom-menu, translation-ready, threaded-comments, theme-options
*/


/* -==========================- GENERAL -==========================- */
/*------------------------------ PAGE ------------------------------*/
@import url(css/font.css);

html {
background:url(images/back.png) repeat fixed transparent;
}
body {
color:#fff;
font-size:13px;
font-family: 'PT Sans Narrow', sans-serif;
position:relative;
background:url(images/back-body.png) no-repeat top;
}
a {
color:#fff;
text-decoration:none;

}
a:hover {
text-decoration:underline;
color:#fff;
}

h1, h2, h3, h4, h5, h6, a.post_ttl {
font-family: 'PT Sans Narrow', sans-serif;
color:#fff;
position:relative;
text-decoration:none;
line-height:20px;
font-size:20px;
}

h2 a.post_ttl:hover{
color:#a1a0a0;
}
a.post_ttl {
font-size:21px;
font-family: 'PT Sans Narrow', sans-serif;
color:#fff;
}
#menu-box { visibility:hidden;
}

/*------------------------------ HEADER ------------------------------*/
#header .container{
position:relative;
}
#secondarymenu-container {
position:relative;
}
#content-bottom {
height:20px;
}
#header{
background:url(images/back-header.png) repeat-x top;
}

/*------------------------------ SEARCH ------------------------------*/
#s {
background:none;
border:none;
float:left;
height:23px;
line-height:25px;
color:#6d6d6d;
width:160px;
}
.searchbtn {
height:25px;
width:21px;
margin-right:0;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.searchform {
height:25px;
background:#141414;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
width:260px;
box-shadow:0 -1px 1px #000;
border: 1px solid #141414;
}

/*------------------------------ CONTENT ------------------------------*/
.articles {
padding-top:0px;
}
.articles .one-post {
margin-bottom:20px;
}
.articles .post-caption h1, .articles .post-caption h2{
padding-top:0px;
padding-bottom:0px;
color:#a1a0a0;
}
.articles .post-caption .post-meta {
padding:0;
color:#fff;
font-size:10px;
}
.post-meta a{
color:#a1a0a0;
}
.articles .post-date {
color:#a1a0a0;
}
.articles .post-caption {
height: 22px;
padding: 10px;
position:relative;
}
.articles .post-body {
margin:30px 30px 10px 0;
border:none;
}
#content .container{
}
#commentform #submit, input.readmore, a.readmore {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #b2bcbc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#b2bcbc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#b2bcbc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#b2bcbc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#b2bcbc 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#b2bcbc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b2bcbc',GradientType=0 ); /* IE6-9 */
color:#fff;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
font-family: 'PT Sans Narrow', sans-serif;
font-size:12px;
padding:8px 18px;
font-weight:bold;
text-transform:uppercase;
color:#383c3f;
}
#commentform #submit:hover, input.readmore:hover, a.readmore:hover {
background: #ffea00; /* Old browsers */
background: -moz-linear-gradient(top, #ffea00 0%, #ffc808 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffea00), color-stop(100%,#ffc808)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffea00 0%,#ffc808 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffea00 0%,#ffc808 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffea00 0%,#ffc808 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffea00 0%,#ffc808 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffea00', endColorstr='#ffc808',GradientType=0 ); /* IE6-9 */
color:#383c3f;
text-decoration:underline;
}
.featured_image {
margin-top:15px;
padding:0;
border:none;
}
.googlemap {
padding:0;
border:none;
}
.widget_posts ul li img,.widget_flickr a {
padding:0;
border:none;
}
.pagination{
margin:30px 0;
}
.pagination.classic {
padding-top:30px;
text-align:center;
}
.page-numbers {
padding:5px 10px;
font-family: 'PT Sans Narrow', sans-serif;
}
a.page-numbers {
background: #ffea00; /* Old browsers */
background: -moz-linear-gradient(top, #ffea00 0%, #ffc808 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffea00), color-stop(100%,#ffc808)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffea00 0%,#ffc808 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffea00 0%,#ffc808 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffea00 0%,#ffc808 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffea00 0%,#ffc808 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffea00', endColorstr='#ffc808',GradientType=0 ); /* IE6-9 */
color:#45493c;
border-radius:4px;
text-decoration:none;
font-weight:bold;
}
a.page-numbers:hover, span.page-numbers {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #b2bcbc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#b2bcbc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#b2bcbc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#b2bcbc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#b2bcbc 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#b2bcbc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b2bcbc',GradientType=0 ); /* IE6-9 */
color:#45493c;
border-radius:4px;
}


/*------------------------------ FOOTER ------------------------------*/
#footer {
color:#fff;
background: #323232; /* Old browsers */
background: -moz-linear-gradient(top, #323232 0%, #191919 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#323232), color-stop(100%,#191919)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #323232 0%,#191919 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #323232 0%,#191919 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #323232 0%,#191919 100%); /* IE10+ */
background: linear-gradient(to bottom, #323232 0%,#191919 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323232', endColorstr='#191919',GradientType=0 ); /* IE6-9 */
}
#footer .container {
padding-top:0;
background:none;
}
#footer h3 {
color:#fff;
font-family: 'PT Sans Narrow', sans-serif;
font-weight:300;
font-size:26px;
text-transform:none;
}
#footer .inner .caption{
background:none;
}
#footer .footer_txt {
padding:0;
background:none;
height:54px;
margin:0 auto;
}
#footer .footer_txt .container {
background:none;
border:none;
color:#fff;

padding-top:10px;
text-align:center;
}
.footer-widgets {
}
#footer .footer_txt .container a {
color:#fff;
}
#footer .inner a {
color:#fff;
}
#footer .inner a:hover{
text-decoration:underline;
color:#fff;
}
/*------------------------------ WIDGETS AND SLIDER ------------------------------*/
.content-r .sidebar.right, .content-lr .sidebar.right, .content-r2 .sidebar.left, .content-r2 .sidebar.right {
margin-left:5px;
}
.content-l .sidebar.left, .content-lr .sidebar.left, .content-l2 .sidebar.left, .content-l2 .sidebar.right{
margin-right:5px;
}
.sidebar {

}

#content .widget .caption h3 {
padding: 10px 15px;
}
#content .widget {
}
.fp-next{
background-position:left 50%;
height: 72px;
margin: 150px -43px;
width: 42px;
}
.fp-prev {
background-position:right 50%;
height: 72px;
margin: 150px -43px;
width: 42px;

}
.inner .caption{
background: #535353; /* Old browsers */
background: -moz-linear-gradient(top, #535353 0%, #323232 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#535353), color-stop(100%,#323232)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #535353 0%,#323232 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #535353 0%,#323232 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #535353 0%,#323232 100%); /* IE10+ */
background: linear-gradient(to bottom, #535353 0%,#323232 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#535353', endColorstr='#323232',GradientType=0 ); /* IE6-9 */
border-radius:9px;
}

/* -==========================- DESKTOP -==========================- */
@media only screen and (min-width:1024px) {
#content-top {
height:40px;
}
#content {

}
#content .container {
padding:0;
width:1000px;
}
#logo {
float:left;
margin-top:56px;
margin-left:0;
}
.menusearch {
position:absolute;
top:57px;
right:10px;
width:250px;
}
/*------------------------------ MENU ------------------------------*/
#secondarymenu-container {
height:116px;
position:relative;
z-index:11;
}
#secondarymenu {
float:right;
font-family: 'PT Sans Narrow', sans-serif;
padding:0 18px;
}
#secondarymenu a {
text-decoration:none;
padding:8px 12px;
display:block;
color:#fff;
font-size:16px;
}
#secondarymenu a:hover{
color:#FFEA00 ;
}
#header-block {
position:relative;
}
#mainmenu-container {
height:57px;
z-index:18;
font-family: 'PT Sans Narrow';
margin-top:14px;
font-weight:500;
background: #323232; /* Old browsers */
background: -moz-linear-gradient(top, #323232 0%, #191919 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#323232), color-stop(100%,#191919)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #323232 0%,#191919 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #323232 0%,#191919 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #323232 0%,#191919 100%); /* IE10+ */
background: linear-gradient(to bottom, #323232 0%,#191919 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323232', endColorstr='#191919',GradientType=0 ); /* IE6-9 */
margin:0px;
padding:0 10px;
}
#mainmenu li a {
text-align:center;
display:block;
text-decoration:none;
padding:18px 20px;
font-size:17px;
color:#fff;
background:url(images/menu-li-separator.png) left 50% no-repeat;
}
#mainmenu li {
position:relative;
}
#mainmenu li a:hover{
color:#FFEA00;
background:url(images/back-menu-hover.png) repeat-x right;
}
#header #mainmenu li ul {
top:57px;
}
#header li ul {
top:38px;
}
#header li ul .transparent {
background: url("images/back-sub.png") repeat scroll 0 0 transparent;
border-radius: 3px 3px 3px 3px;
}
#header li ul .inner {
padding:0;
}
#header ul.children li, #header .sub-menu li {
padding:0 !important;
margin:0 !important;
height:25px;
line-height:25px;
}
#header ul.children li a, .sub-menu li a {
color:#fff !important;
padding:0 !important;
background:url(images/back-submenu.png);
height:25px;
line-height:25px;
}
#header ul.children li a:hover, .sub-menu li a:hover {
color:#FFEA00 !important;
border:none !important;
box-shadow:none !important;
}

#header #mainmenu li ul .inner {
}
#header #mainmenu ul.children li a, #mainmenu .sub-menu li a {
color:#fff !important;
text-shadow:1px 1px 1px #fff;
}
#header #mainmenu ul.children li a:hover, #mainmenu .sub-menu li a:hover {
color:#FFEA00 !important;
border:none !important;
box-shadow:none !important;
}
#header .sub-menu .sub-menu {
top:0 !important;
}

/*------------------------------ SLIDER ------------------------------*/
.slider-container {
width:1000px;
height:450px;
margin-bottom:-0px;
margin-top:15px;
background:url(images/shadow-slider.png) no-repeat scroll bottom;
margin:0 auto;
padding-bottom:23px;
}
.fp-next, .fp-prev {
margin:150px -46px;
width:44px;
height:80px;
}
.fp-title{
font-size:13px;
}
.slider {
position:relative;
width:1000px;
background:#fff;
border:none;
}
.fp-prev-next-wrap {
margin:0 0px;
}
.slider-nothumb .fp-slides, .slider-nothumb .fp-thumbnail, .slider-nothumb .fp-slides-items {
height:188px;
}
.fp-slides,.fp-thumbnail,.fp-slides-items {
height:450px;
width:1000px;
}
.fp-content-fon {
border-bottom:none;
border-left:none;
border-right:none;
}
.fp-content-fon, .fp-content {
left:0;
right:0;
bottom:0;
text-align:left;
font-size:13px;
}
.fp-nav {
bottom:22px;
left:auto;
right:22px;
}
.slider-nothumb .fp-content-fon {
background:#fff;
}
.slider-nothumb .fp-content a,.slider-nothumb .fp-content p{
color:#000;
}

#footer .footer_txt .container {
border-top: 1px solid #464646;
}
}
Dude, please don't rash and do not be hasteful person !
i added a reply to your topic just right now!

now please refer again to:

http://smthemes.com/support/topic/fontsandcolors/


Sorry :P,
Have fun!

Leave a reply

Add codeAdd image