WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. sallymc
    Member
    Posted 2 years ago #

    Hi,

    I wonder if anyone can help me - I chose Themia-lite because it seemed simple and the font was really nice. But for some reason I can't seem to use anything but Times New Roman font. Where can I change this - does anyone know? I've looked all through the dashboard and can't seem to figure it out.

    Also something is going on with my top menu - the two lines seem to be too close - like the line in between has vanished. Anyone know why this is?

    I'll be so appreciative of anyone who can offer some help as I've spent countless hours trying to figure it out to no avail...

    Here's my site - perhaps take a look and you will see what I mean:
    http://www.sally-yoga.co.uk/wordpress

  2. ragzor
    Member
    Posted 2 years ago #

    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

  3. sallymc
    Member
    Posted 2 years ago #

    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: http://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: http://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(http://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;
    }

  4. mlmiles1
    Member
    Posted 2 years ago #

    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?

  5. JanChadaj
    Member
    Posted 2 years ago #

    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 http://www.jonsaab.com
    I also did one on http://www.mpwassociates.com

Topic Closed

This topic has been closed to new replies.

About this Topic