WordPress.org

Ready to get started?Download WordPress

Forums

Church
[resolved] How do I center my logo? (13 posts)

  1. zazarza
    Member
    Posted 4 months ago #

    How do I center my logo? Is there any CSS I can put in "Header and Footer scripts"?

  2. bravokeyl
    Member
    Posted 4 months ago #

    Can you give us the site url ..

  3. zazarza
    Member
    Posted 4 months ago #

  4. zazarza
    Member
    Posted 4 months ago #

    And can I reduce the header?

  5. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 4 months ago #

    Try adding:

    .site header .title-area {
     width: 100%;
    }
    
    .site header .wrap {
     text-align: center;
    }
  6. bravokeyl
    Member
    Posted 4 months ago #

    As @Andrew said
    add that code to custom css
    Regarding header height , as of now header has padding of 40px above and below.

    .site-header {
    padding: 40px 0;
    }

    if you want to reduce that change that 40px to what ever spacing you want

    Don't make changes directly in the style.css.
    If theme has option for custom css paste there else use this plugin

  7. zazarza
    Member
    Posted 4 months ago #

    In Header and Footer scripts? Because then the code ends up as text in the upper left corner :/

  8. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 4 months ago #

    I'm not familiar with the theme, if you're not sure where to put it then install a Custom CSS plugin and put them in that plugin's section of the dashboard

  9. bravokeyl
    Member
    Posted 4 months ago #

    Not in the header or footer .If the theme don't have option for custom css styles.
    Use this plugin
    http://wordpress.org/plugins/simple-custom-css/

  10. zazarza
    Member
    Posted 4 months ago #

    Thanks!

  11. zazarza
    Member
    Posted 4 months ago #

    Which css code do I use in the plugin?

  12. bravokeyl
    Member
    Posted 4 months ago #

    The following code

    .site header .title-area {
     width: 100%;
    }
    
    .site header .wrap {
     text-align: center;
    }
    .site-header {
    padding: 20px 0;
    }
  13. Han
    Member
    Theme Author

    Posted 4 months ago #

    church theme has custom css option. Go to Appearance > Customize > CSS.

Reply

You must log in to post.

About this Theme

About this Topic