-
AuthorPosts
-
July 13, 2013 at 3:25 pm #26153
Hi I have my Logo size 300×200 pixels.
How can I customize the logo to this size as right now it seems bit too small. I need to increase the size of the logo.
July 14, 2013 at 9:40 am #129486Ok got it!
I used this code to resize it,
.logo img {
width: 300px !important;
height: auto !important;
max-height: 200px;
}
and it worked fine.
But now I need to move the logo a little bit upward as it seems too close to the nav-bar.
or let say I need some more space between the logo and nav bar vertically.
July 14, 2013 at 1:45 pm #129487Hi,
Please remove your code first. Then try this one
Upload your logo with the 300×200 px. Then add this on your custom.css.
/*header with social icons: */
.social_header #header_main .container, .social_header .main_menu ul:first-child > li a { height: 200px; line-height: 200px; }Please give us a link to your website.
Regards,
Ismael
July 15, 2013 at 6:55 am #129488Somehow not working.. I don’t know if I’m putting the code correctly or not as I’m very basic in coding.
Also here is a temporary link to our website “http://muharraqi.hostingsiteforfree.com/”
Also I want to delete the grey bar from the top completely..as its use less for us.
Please have a look the way I’m putting the code in custom.css
/* Have fun adding your style here :) – PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */
/* General Custom CSS */
/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */
@media only screen and (min-width: 768px) {
/* Add your Desktop Styles here */
/*header with social icons: */
.social_header #header_main .container, .social_header .main_menu ul:first-child > li a { height: 200px; line-height: 200px; }
}
/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */
@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */
}
July 16, 2013 at 7:29 am #129489Hi,
Add it under
/* General Custom CSS */
You are placing the code inside a media query for mobile devices. :)
Regards,
Ismael
July 16, 2013 at 8:39 am #129490I tried the code correctly as per your instructions but it wasn’t effecting anything :(
so i tried the one below also added positioning parameters and its working fine I guess,
.logo img {
width: 250px !important;
height: auto !important;
max-height: 167px;
position: relative;
bottom: 20px;
}
Now could you please tell me how can I delete the bar that is appear on the top of the page (blue header)??
July 17, 2013 at 11:01 am #129491got it,
to delete the header,
#header_meta {
display: none ;
}
July 18, 2013 at 6:24 pm #129492Glad that Ismael showed you the way.
Enjoy the theme!
Nick
-
AuthorPosts
- The topic ‘Customize Logo Size’ is closed to new replies.