Themia-lite what's top menu issues & why 'times new roman' font?

if u want to add some space between home and the community yoga tabs
copy paste this to your style.css.

#menu .ddsmoothmenu li {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 0;
    position: relative;
    margin-bottom:  10px;
}

and u can change times new roman in your style.css just find and replace times new roman with the font of your choice

Thanks ragzor for your help.

I did what you said and it fixed the spacing – do you know how to get the outline to continue around the bottom of each of these buttons?

Also I trued to change the font to Droid+Serif but couldn’t find where to put it? Can you specify to me where to make the changes? I’ve cut & copied the stuff from the style.css. I’m sorry – I don’t write HTML (obviously!) meaning I’m fairly clueless…
??

/*
Theme Name: Themia Lite
Theme URI: https://www.inkthemes.com/wp-themes/themia-theme/
Description: Themia Lite for WordPress is one of the easiest themes to build your Web Presence in 10 Minutes. The Theme is highly customizable and you can change Logos and Social Icons easily through the Themes Options Panel, You can have your own branded new Website for your Business or Personal Use in Minutes. Features Templates for Blogs, Fullwidth Page without sidebar.
Author: InkThemes.com
Author URI: https://www.inkthemes.com/
Version: 1.2.2
License: GNU General Public License
License URI: license.txt
Tags: black, blue, green, white, gray, custom-menu, light, dark, two-columns, fixed-width, threaded-comments, sticky-post, custom-colors, theme-options, editor-style
*/
@import url(“css/reset.css”);
@import url(“css/960_24_col.css”);
@import url(https://fonts.googleapis.com/css?family=Droid+Serif);
/*=======================================================*/
/*———————-BASIC HTML———————–*/
/*=======================================================*/
body <div id=”fb-root”></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = “//connect.facebook.net/en_US/all.js#xfbml=1”;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>{
font: 13px/1.5 ‘Trebuchet MS’, Arial, sans-serif;
background:#fff;
color: #333;
}
pre, code {
font-family: Droid+Serif;
}
hr {
border: 0 #ccc solid;
border-top-width: 1px;
clear: both;
height: 0;
}
:focus {/* remember to define focus styles! */
outline: 0;
}
blockquote:before, blockquote:after, q:before, q:after {
content: “”;
}
blockquote, q {
quotes: “” “”;
}
a img {
border: 0;
}
a {
text-decoration:none;
color:#09F;
}
input[type=”submit”] {
cursor:pointer;
}
input, textarea, select {
margin-bottom:10px;
}
input[type=”file”], textarea {
clear:both;
display: block;
}
textarea {
width:300px;
height:100px;
}
th {
font-weight:bold;
}
td, th {
border:1px solid #CCC;
padding:5px;
}
p {
text-shadow: 0px 1px 0px #ffffff;
}
/*=======================================================*/
/*———————–HEADINGS————————*/
/*=======================================================*/
#menu .ddsmoothmenu li {
display: inline;
float: left;
margin-left: 10px;
margin-right: 0;
position: relative;
margin-bottom: 10px;
}
h1 {
font-size: 24px;
}
h2 {
font-size: 22px;
}
h3 {
font-size: 20px;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 14px;
}

Did you have a hard time getting a picture to fit the main frame on the home page? I am a novice at wordpress and chose themia for the same reasons as you did, but I cannot figure out how to get the main picture not to be distorted. Thpughts?

Just spotted this as I am new – try this

create the picture the size you want it and edit style.css accordingly ie

/* override and resize featured Image */
.slider_wrapper #main img{
width: 928px;
height: 288px;
}

for my 928 by 288 pic on https://www.jonsaab.com
I also did one on https://www.mpwassociates.com