Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
You are here: HomeForum
Welcome, Guest

How to change height and width of the logo?
(1 viewing) (1) Guest

TOPIC: How to change height and width of the logo?

How to change height and width of the logo? 10 years, 7 months ago #12512

Hello,
I've already read this: www.smartaddons.com/forum/172-yt-framework-for-joomla-template/1096-how-to-replace-the-logo

but I can't find that code in my template-blue.css

How can I modify my logo dimension?

Thank you.

The site is www.italianiamonaco.com

Re: How to change height and width of the logo? 10 years, 6 months ago #12676

Dear Gianpaolo,

You can change logo image in this folder : your_site/templates/sj_plus/images/logo.png

and then open templates/sj_plus/css/template_blue.css file, find this code

#yt_header #yt_logoposition h1 a {
  display: inline-block;
}


=>

#yt_header #yt_logoposition h1 a {
  display: inline-block;
  max-width:100%;
  width:250px;/*edit my logo dimension*/
  height:100px;/*edit my logo dimension*/
}	


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

#yt_header .row-fluid > div:before {
  content: "";
  border-left: 1px solid #ddd;
  height: 50px;
  margin-top: 20px;
  float: left;
  -webkit-box-shadow: 1px 0 0 #fff;
  -moz-box-shadow: 1px 0 0 #fff;
  box-shadow: 1px 0 0 #fff;
}


=> edit: height: 50px;

Thanks!
The following user(s) said Thank You: gianpaolovenafro

Re: How to change height and width of the logo? 10 years, 6 months ago #12847

Thanks,
i did my changes but the logo seems the same...
Why?
I'd like it bigger.

Re: How to change height and width of the logo? 10 years, 6 months ago #12878

Dear Gianpaolo,

eg: the layout : main-left-right.xml is default

Please go to your_site\templates\sj_plus\layouts\main-left-right.xml find:

<header html5tag="header" order="1" id="yt_header" autosize="0">
			<positions>
				<position class="span3" data-tablet="span4"  type="feature">@logo</position>
				<position class="span3" data-tablet="span4"  data-mobile="span4"   style="none" type="modules">social</position>	
				<position class="span3"	data-tablet="hidden" data-mobile="hidden"  style="none" type="modules">search</position>	
				<position class="span3" data-tablet="span4"  data-mobile="hidden"  style="none" type="modules">contact</position>	
			</positions>
		</header>


-> edit the selecter span3 to span4 or span5, span6, span7, span8, span9, span10, span11, span12.

lh6.googleusercontent.com/-iEeqYztmmTc/Ul0ZL5QVjxI/AAAAAAAAACE/4NXe-SxcNig/s512/edit%252520width%252520logo%252520bigger.jpg


Thanks!

Re: How to change height and width of the logo? 10 years, 6 months ago #12879

no, i can't modify my size.
i don't know why.
thank you anyway.

Re: How to change height and width of the logo? 10 years, 6 months ago #12936

Hi, these Steps won't work with me. Any hints what to do else? I cleaned caches etc, but th e logo remains small :-/

Thank you for any help.
Time to create page: 0.22 seconds

Notification

Please find your issue via Suggested Posts before submitting your question. We have solved the most of issues and maybe your issue was solved before.

Latest My Topics

No posts to display.

Love all our templates?

Join our membership clubs starting at $49 only for access to all of our templates

Join Now
Home Pricing
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
SearchSupport
Magento Themes Magento Extensions Free Magento Extensions Prestashop Themes Prestashop Modules Magento 2 Themes