WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. zazarza
    Member
    Posted 7 months ago #

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

  2. bravokeyl
    Member
    Posted 7 months ago #

    Can you give us the site url ..

  3. zazarza
    Member
    Posted 7 months ago #

  4. zazarza
    Member
    Posted 7 months ago #

    And can I reduce the header?

  5. Andrew
    Forum Moderator
    Posted 7 months ago #

    Try adding:

    .site header .title-area {
     width: 100%;
    }
    
    .site header .wrap {
     text-align: center;
    }
  6. bravokeyl
    Member
    Posted 7 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 7 months ago #

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

  8. Andrew
    Forum Moderator
    Posted 7 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 7 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 7 months ago #

    Thanks!

  11. zazarza
    Member
    Posted 7 months ago #

    Which css code do I use in the plugin?

  12. bravokeyl
    Member
    Posted 7 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 7 months ago #

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

  14. caseytoxic
    Member
    Posted 2 months ago #

    Hey,

    Im really struggling to get this to work. Trying to centre my logo and the main text. I have tried putting code in the custom CSS and also using the simple custom CSS plugin and am having no luck.

    my site is: http://www.barnetfairvintage.com

    Im quite new to all this so please excuse my stupidity.

    Im using Church theme which has a custom css option but as mentioned, the code people have mentioned above doesnt have any effect.

    Thanks,

  15. Andrew
    Forum Moderator
    Posted 2 months ago #

    It doesn't look like there's a Custom CSS plugin active on your site

  16. caseytoxic
    Member
    Posted 2 months ago #

    Hi there,

    I have the Simple Custom CSS plugin activated on the site. I only installed and activated this about an hour ago.

    I've tried the code above in it and it doesn't do anything :/

  17. Andrew
    Forum Moderator
    Posted 2 months ago #

    Could you start up a new thread http://wordpress.org/support/theme/church#postform

Reply

You must log in to post.

About this Theme

About this Topic