WordPress.org

Ready to get started?Download WordPress

Forums

Blaskan
reduce space between the menu and header image (13 posts)

  1. dustingray
    Member
    Posted 1 year ago #

    I cannot find in the code how to reduce the space between the logo i inserted into the header and the custom menu.

    Here is the site: halliesara.com

    Thanks!

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    Here they are [screenshot] (right of toolbar).

    Found using Chrome's Developer Tool.

  3. dustingray
    Member
    Posted 1 year ago #

    Thanks, I am still having trouble locating this in the actual style.css file, any suggestions on where I may be over looking it?

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    Why do you need to locate the origins of it?

  5. dustingray
    Member
    Posted 1 year ago #

    How else would I change the size without editing the style.css?

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

    You ought to add new styles externally, not within the theme's files. Changes to the theme's files will compromise the theme and be compromised when the theme updates.

    External changes can be made using a Child Theme or through a plugin that provides Custom CSS functionality.

    I recommend using the Jetpack plugin and its Custom CSS functionality to hold your CSS modifications.

  7. dustingray
    Member
    Posted 1 year ago #

    Ok, once I have jetpack activated what would I need to do to make the changes?

  8. Andrew
    Forum Moderator
    Posted 1 year ago #

    Go to Appearance → Edit CSS in the dashboard, then write your new CSS style(s) based on the information exposed by the browser's developer tool (screenshot above).

  9. dustingray
    Member
    Posted 1 year ago #

    ok, I have everything pulled up and am ready to type in the custom CSS but i am at a loss as to what exactly I type in from the screenshot above. thanks for all the help

  10. Andrew
    Forum Moderator
    Posted 1 year ago #

    #header figure {
     margin: 0;
    }

    http://www.w3schools.com/css/css_margin.asp

  11. dustingray
    Member
    Posted 1 year ago #

    that worked thanks so much!

    LAST question. I successfully removed the top line from the layout but I cannot get the bottom gray line to disappear any idea on what the css would be called for that?

  12. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Try this:

    .type-page footer {
        border-top: 0;
    }
  13. dustingray
    Member
    Posted 1 year ago #

    That worked thank you!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.