Post by beebee » Thu Jun 30, 2016 11:37 pm

Hello,

I'm using the default template and have removed cart from the header to try center the logo.
I tried editing CSS and it doesn't work.

Has anyone tried centering the logo on the default template on ver2.2?
Last edited by beebee on Sun Jul 17, 2016 10:18 pm, edited 1 time in total.

BeeBee
When the going gets weird, the weird turn Pro!!


User avatar
New member

Posts

Joined
Thu May 12, 2016 5:13 pm

Post by IP_CAM » Thu Jun 30, 2016 11:51 pm

never heard of you anymore, after I informed you, to add some more tools, and add to CodeManager Admin Rights,
to enable me to make the things work!
Ernie

My Github OC Site: https://github.com/IP-CAM
5'200 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.


User avatar
Legendary Member

Posts

Joined
Tue Mar 04, 2014 1:37 am
Location - Switzerland

Post by beebee » Fri Jul 01, 2016 12:30 am

IP_CAM wrote:never heard of you anymore, after I informed you, to add some more tools, and add to CodeManager Admin Rights,
to enable me to make the things work!
Ernie
Hey Ernie,

I'll PM the reason.

~B

BeeBee
When the going gets weird, the weird turn Pro!!


User avatar
New member

Posts

Joined
Thu May 12, 2016 5:13 pm

Post by beebee » Wed Jul 13, 2016 2:16 pm

Somebody???!!!!
Anybody??!!!! ......................................

BeeBee
When the going gets weird, the weird turn Pro!!


User avatar
New member

Posts

Joined
Thu May 12, 2016 5:13 pm

Post by viethemes » Wed Jul 13, 2016 10:28 pm

To do that you can install my free extension Custom CSS and add below code

Code: Select all

#logo {
	text-align: center;
}

#logo img {
	display: inline-block;
}

http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension

Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme

Extra Positions PRO, Custom JavaScript, Custom CSS and others


User avatar
Active Member

Posts

Joined
Thu Jan 08, 2015 12:17 pm


Post by beebee » Fri Jul 15, 2016 12:45 am

viethemes wrote:To do that you can install my free extension Custom CSS and add below code

Code: Select all

#logo {
	text-align: center;
}

#logo img {
	display: inline-block;
}
Thanks Viethemes! But it didn't work :(

BeeBee
When the going gets weird, the weird turn Pro!!


User avatar
New member

Posts

Joined
Thu May 12, 2016 5:13 pm

Post by cyclops12 » Sat Jul 16, 2016 8:46 pm

Maybe a link to your site will help :)

Have you refreshed the cache in extensions/modifications ??

Expert Member

Posts

Joined
Sun Sep 27, 2015 1:10 am

Post by rHat » Sun Jul 17, 2016 7:22 am

beebee wrote:Hello,

I'm using the default template and have removed cart from the header to try center the logo.
I tried editing CSS and it doesn't work.

Has anyone tried centering the logo on the default template on ver2.2?
Hi There

in /catalog/view/theme/default/template/common/header.tpl here the code :

Code: Select all

<header>
  <div class="container">
    <div class="row">
      <div class="col-sm-4">
        <div id="logo">
          <?php if ($logo) { ?>
          <a href="<?php echo $home; ?>"><img src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" class="img-responsive" /></a>
          <?php } else { ?>
          <h1><a href="<?php echo $home; ?>"><?php echo $name; ?></a></h1>
          <?php } ?>
        </div>
      </div>
      <div class="col-sm-5"><?php echo $search; ?>
      </div>
      <div class="col-sm-3"><?php echo $cart; ?></div>
    </div>
  </div>
</header>
Bootstrap has 12 column, logo has 4 column and search has 5 and cart has 3 ,

here the complete code :

Code: Select all

<header>
  <div class="container">
    <div class="row">
    <div class="col-sm-4"><?php echo $search; ?></div>
      <div class="col-sm-4">
        <div id="logo">
          <?php if ($logo) { ?>
          <a href="<?php echo $home; ?>"><img src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" class="img-responsive" /></a>
          <?php } else { ?>
          <h1><a href="<?php echo $home; ?>"><?php echo $name; ?></a></h1>
          <?php } ?>
        </div>
      </div>
      <div class="col-sm-4"><?php echo $cart; ?></div>
    </div>
  </div>
</header>
i changed all col-sm in <header> to col-sm-4 and i cut search div and paste it at the top of logo div .

User avatar
Newbie

Posts

Joined
Sat Jul 16, 2016 7:27 pm

Post by beebee » Sun Jul 17, 2016 10:15 pm

cyclops12 wrote:Maybe a link to your site will help :)

Have you refreshed the cache in extensions/modifications ??
Yes, I did!

BeeBee
When the going gets weird, the weird turn Pro!!


User avatar
New member

Posts

Joined
Thu May 12, 2016 5:13 pm

Post by beebee » Sun Jul 17, 2016 10:17 pm

rHat wrote:

Code: Select all

<header>
  <div class="container">
    <div class="row">
    <div class="col-sm-4"><?php echo $search; ?></div>
      <div class="col-sm-4">
        <div id="logo">
          <?php if ($logo) { ?>
          <a href="<?php echo $home; ?>"><img src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" class="img-responsive" /></a>
          <?php } else { ?>
          <h1><a href="<?php echo $home; ?>"><?php echo $name; ?></a></h1>
          <?php } ?>
        </div>
      </div>
      <div class="col-sm-4"><?php echo $cart; ?></div>
    </div>
  </div>
</header>
i changed all col-sm in <header> to col-sm-4 and i cut search div and paste it at the top of logo div .
Thanks a lot rHat, it worked :)
The logo is now centered!! Yippee!!

BeeBee
When the going gets weird, the weird turn Pro!!


User avatar
New member

Posts

Joined
Thu May 12, 2016 5:13 pm
Who is online

Users browsing this forum: No registered users and 56 guests