Hello,
First just your site URL is require for give you assistance. so your CSS codes is not require at all.
-Top menu ( secondary menu style ):
please refer to:
http://smthemes.com/support/topic/howtoremovethetopmenu/
and follow the 1th or 2th solution as you would change your site style.
just replace Your Theme Name ( CarStarts ) instead Linuxd if you following the 2th solution.
-Main Menu ( Main menu font style ):
You should first import it and then use it.
for importing fonts you could use google fonts library / other sites under Free License instructions,
or download it and use it in your files.
Google fonts library is recommended, so i write google solution:
Find ->
YourThemeDirectory
that in this solution is \CarStarts\, Find Style.css and open it with notepad or some editor.
Find ->
@import url(css/font.css);
or Line 17,
and replace the following row:
@import url(http://fonts.googleapis.com/css?family=PT+Sans);
you can find your favorite fonts and import them from http://www.google.com/webfonts#, you can find the importing link too in bottom of page.
Time is up for using:
in your Style.css in your Theme directory:
Find ->
#mainmenu-container
#mainmenu-container could be an ID or Class or attribute for using fonts. first just find your section ID / Class / Attribute in your HTML file and then find it in your CSS.
and add following row between { and } tags, you should add near end of the } tag, just before it, The code:
[code}
font-family: 'PT Sans',sans-serif;
'PT Sans' is your font name that you already imported it before using. it could be anything as you would like to change your font design. just do not forget first import it ( Find Importing font solution in this reply if you don't have any idea how you can import fonts ).
Sans-serif is a way to change your font styles to some standards for better looking and reading for visitors.
-Slider:
for now, i can't find the gray bar under of the slider or it texts. you may find a solution to resolve your problem :)
anyway ...
-Hover colors ( when you move your mouse to near a link, to hover it ):
-Main menu:
it's a Color and a background in your style.css, so follow this solution:
in your theme directory ( CarStarts ), open style.css with notepad or some editor,
Find ->
#mainmenu li a:hover
the first row is the text colors,
the second row is the background under texts.
Feel free to change text color and the background under texts.
your text color for main menu is color:#FFEA00; and your background under text is background:url(images/back-menu-hover.png) repeat-x right; ( search for it in your style.css if you can't find mainmenu hover ).
-Posts:
it's a Color and a background in your style.css, so follow this solution:
in your theme directory ( CarStarts), open style.css with notepad or some editor,
Find ->
a.readmore:hover
color changing of the background is not a background, it's background changing color with CSS and is a way to keep your site on low volume for better and faster opening.
text color code on hovering style is color:#383c3f;
and background color on hovering style is #ffea00; and #ffc808 ( you should know a little knowledge about changing background color on hover with css. search it in google to find how to fully redesign your background changing color )
- Post Caption Bar ( Changing Post Caption color bar and removing wheel background :P and change font style ):
Fond style:
in your theme directory, open style.css with notepad or some editor,
Find ->
a.post_ttl
or Line 39, in your css, replace following code instead font-family: 'PT Sans Narrow', sans-serif; ( in default css , the default code is: font-family: 'a750-sans-mediumregular'; )
The Code ->
font-family: 'PT Sans',sans-serif;
Removing background:
it's background color, not a background.
Find ->
.articles .post-caption
or line 126,
and you should remove the 8 first line after .articles .post-caption {
The code for removing is:
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 */
Removing Wheel background ( CSS solution ):
it's a background and HTML code. i will write CSS solution, so please follow this solution:
Find ->
.articles .post-caption .wheel
or Line 141
and add the following row between { and }, you should add it to end of } tag, just before closing }:
visibility:hidden;
if you are about removing background color of post caption, probably you will need to change text color of the post caption too, you can find it default and hover style with searching h2 a.post_ttl:hover and a.post_ttl or line 47 and line 50. you should just change the color ( you should change color:#fff; and color:#383c3f; ).
ok, i guess it's all things you would like to do.
Hope work,
Have fun!
Members Area
joshseacat 
m3 
