WordPress.org

Ready to get started?Download WordPress

Forums

Edit space between menu and title (14 posts)

  1. m3mmo
    Member
    Posted 2 years ago #

    Hello ppl.
    I am new to wordpress so I need to ask you something.
    This is my website http://cod2bih.info and I am using this theme http://wordpress.org/extend/themes/easel .
    So I want to shorten space between title text which says "powered by gamehosting.ba and pages menu.
    I also need to change title font and color.I know that probably I need to edit css options in my theme via editor but I need exactly step by step how to do it.
    Thanks in advance

  2. esmi
    Forum Moderator
    Posted 2 years ago #

    I would strongly recommend that you start by creating a a child theme for your changes.

  3. m3mmo
    Member
    Posted 2 years ago #

    Well I thought this was going to be much more simple:(
    Ok,but what about that style.css?Can I just copy parent theme style.css into my child theme,and then edit it?

  4. esmi
    Forum Moderator
    Posted 2 years ago #

    No. The child's stylesheet should only contain your changes.

  5. m3mmo
    Member
    Posted 2 years ago #

    Well,as I can see,this requires some css knowledge,which I do not have:)

  6. Frumph
    Member
    Posted 2 years ago #

    I recommend using theme companion

    http://wordpress.org/extend/plugins/comicpress-companion

    then go to appearance -> companion

    adding this line:

    #header {
         height: auto;
    }

    then saving.

  7. m3mmo
    Member
    Posted 2 years ago #

    A 1000 thanks for this m8.I managed to do this regardin the space between title and menu,and what lines I need to add to change fonts and colors of title and tagline?

  8. Frumph
    Member
    Posted 2 years ago #

    #header h1 a { } and #header .description {}

  9. m3mmo
    Member
    Posted 2 years ago #

    I have managed to change the description color but I just cannot find the line of code in which to change title colors.Can I paste my style.css and default-style.css here so u can take a look?

  10. Frumph
    Member
    Posted 2 years ago #

    No, I have those here on my system

    If you cannot find those entities to modify you create them.

    For example, if #header .description {} does not exist, you add it to the style-default.css of the child theme or use the plugin Theme Companion

    http://wordpress.org/extend/plugins/comicpress-companion

    Just cause it doesn't exist in the stylesheet doesn't mean that you can't modify it.

    So, to change the color of the description, you would either find it in the stylesheets or add it to it.

    #header .description { color: #fff; }

  11. m3mmo
    Member
    Posted 2 years ago #

    I did change description color but I do not know what code to use to change title and hover title colors

  12. m3mmo
    Member
    Posted 2 years ago #

    Just go to my page in first post and see it there.I want to change red hovering title color and the white title non-hoverin color,so what code to add in companion.

  13. Frumph
    Member
    Posted 2 years ago #

    #header h1 a:link, #header h1 a:visited { color: #000; }
    
    #header h1 a:hover { color: #f00; }
  14. m3mmo
    Member
    Posted 2 years ago #

    Thanks m8 for everything.Thats it!Solved!

Topic Closed

This topic has been closed to new replies.

About this Topic