1. Dismiss Notice

Thoughts on the Logo....

Discussion in 'ButterBelly WordPress Theme' started by trasgu, Jan 22, 2015.

Thread Status:
Not open for further replies.
  1. trasgu

    trasgu Member

    Joined:
    Oct 13, 2012
    Messages:
    188
    Likes Received:
    18
    Location:
    Santander, Spain
    Hi there Magnet Crew !!!
    here I am again giving a try to this Theme but I get stuck looking at the logo in that position. I love the Theme but that Logo centred there and the menus getting hidden behind it bothers me a bit... would it be possible with a bit of code to move the Logo either to the left-side of the Menu or above... whatever is easier in terms of coding.

    URL: http://www.cosagual.com

    Thanks tons for any tip :)
    Best,
    Jose
     

    Attached Files:

    trasgu, Jan 22, 2015
    #1
  2. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello Jose !


    Yo have to follow two steps.

    Step 1:
    You have to edit header.php file. Replace all code after <body> with the given code.
    PHP:
    <div class="container_24">
    <div class="grid_24">
    <div class="header">
     
    <div class="logo"> <?php if (inkthemes_get_option('inkthemes_logo') != '') { ?>
    <a href="<?php echo home_url(); ?>"><img src="<?php echo inkthemes_get_option('inkthemes_logo'); ?>" alt="<?php bloginfo('name'); ?> logo"/></a>
    <?php } else { ?>
    <hgroup>
    <h1 class="site-title"><a href="<?php echo esc_url(home_url('/')); ?>" title="<?php echo esc_attr(get_bloginfo('name', 'display')); ?>" rel="home"><?php bloginfo('name'); ?></a></h1>
    <h4 class="site-description"><?php bloginfo('description'); ?></h4>
    </hgroup>
    <?php } ?>
    </div>
     
            </div>
          </div>
                <div class="clear"></div>
    </div>
     
    <div class="menu_container">
    <div class="container_24">
    <div class="grid_24">
        <div class="menu-wrapper">
        <div id="MainNav">
        <?php if ( inkthemes_get_option('inkthemes_nav') !='' ) { ?><a href="#" class="mobile_nav closed"><?php echo stripslashes(inkthemes_get_option('inkthemes_nav')); ?><span></span></a>
    <?php } else { ?> <a href="#" class="mobile_nav closed">Pages Navigation Menu<span></span></a>
    <?php } ?>
                    <?php inkthemes_nav(); ?>
                    </div>
            </div>
            <div class="call-us">
            <?php if (inkthemes_get_option('inkthemes_contact_number') != '') { ?>
            <a class="btn" href="tel:<?php echo stripslashes(inkthemes_get_option('inkthemes_contact_number')); ?>">
            </a>
            <?php }
            else {     ?>
            <?php } ?>
            </div>
            </div>
            <div class="clear"></div>
            </div>
            </div>
    <div class="index_container">
    <div class="header_container <?php if (is_home()) { ?>home <?php } else {
    echo     'not_home';
    }     ?>">
     
    </div>
    Follow below image.
    22-jan.png
    Step 2:
    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    .logo {
text-align: center;
}
    Thanks & Regards
    Pramod
     
    Pramod, Jan 22, 2015
    #2
    trasgu likes this.
  3. trasgu

    trasgu Member

    Joined:
    Oct 13, 2012
    Messages:
    188
    Likes Received:
    18
    Location:
    Santander, Spain
    Thank you lots Pramod, just done it all and it worked, now the logo looks great above the menu, the only thing is with the CSS code, it does not centre the logo yet, any ideas to force it to the middle?

    URL: http://www.cosagual.com

    Thx for your always superb and kind help !!!
    Jose
     
    trasgu, Jan 22, 2015
    #3
  4. trasgu

    trasgu Member

    Joined:
    Oct 13, 2012
    Messages:
    188
    Likes Received:
    18
    Location:
    Santander, Spain
    Also, how can I delete the white banner we can see now. I have tried the following code but it does not work....

    .header_container.home {
    background: none;
    }
     
    trasgu, Jan 22, 2015
    #4
  5. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello Jose !

    You are missing one bracket in you css block.

    -------------------------------------------------------

    .feature-content .feature-content-inner .feature-content-text .circle img {
    display: none;
    }

    .header_container.not_home {
    background-image: url(http://www.cosagual.com/wp-content/uploads/2015/01/banner_cosagual.jpg);
    }

    #crumbs{
    display:none;
    }

    .logo {
    text-align: center;
    }

    .bottom_footer_content .footer_nav {
    display: none;
    }

    .header_container.home {
    background: none;
    }

    -----------------------------------------------------------

    Thanks & Regards
    Pramod
     
    Pramod, Jan 22, 2015
    #5
    trasgu likes this.
  6. trasgu

    trasgu Member

    Joined:
    Oct 13, 2012
    Messages:
    188
    Likes Received:
    18
    Location:
    Santander, Spain
    All right !!! it was the bracket messing everything, what a tiny thing I was going mad !!!

    Thx TONS for all your kind help, you may close this topic :)
     
    trasgu, Jan 22, 2015
    #6
Thread Status:
Not open for further replies.

Share This Page