centering logo using toomorel lite 1.3.2 (5 posts)

  1. giftcakes
    Posted 4 years ago #

    I was hoping for some help on how to center the custom logo using the toom morel lite 1.3.2 theme. I'm thinking that if i go to the editor, click on header on the right templates and changing the html there, i'd just like someone to tell me exactly what to change.
    here's where i think the change would happen:
    <!--Start Header Div-->
    <div class="header">
    <div class="logo">"><img src="<?php if ( get_option('inkthemes_logo') !='' ) {?><?php echo get_option('inkthemes_logo'); ?><?php } else {?><?php echo get_template_directory_uri(); ?>/images/logo.png<?php }?>" alt="<?php bloginfo('name'); ?>" /> </div>
    <!--End Header Div-->

  2. mr49online
    Posted 4 years ago #

    Hi, giftcakes!!!

    It can be easily managed by bit modification in style sheet.
    May I know yours site link? So, its easy to tell you the exact location of files for modification.

  3. giftcakes
    Posted 4 years ago #


  4. mr49online
    Posted 4 years ago #

    Ok, the quick solution of your issue i.e. to centralize the custom logo is that go to syle.css file of your theme and add text-align: center; in style.css (line 173)

    File path: wp-content/themes/toommorel-lite/style.css
    (line 173)

    .header .logo {
        clear: both;
        margin-bottom: 20px;
        margin-left: 33px;
        margin-top: 38px;
        overflow-x: hidden;
        overflow-y: hidden;
        text-align: center;
  5. mr49online
    Posted 4 years ago #

    One thing more...

    To do any sort of modification in any wordpress theme, the preferred way is to create its child theme and do modification there. For the quick example of creating a child theme click here.

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.