Problems while changing logo size in Photo WP theme
Photo, amazing way to showcase your architecture, photography or artistic projects | Support forum.
- GK User
- Sat Jan 24, 2015 12:42 am
Hi,
I'm trying to change the size of the logo without any success. I change gk.logo in the css.
.gk-logo img {
display: block;
height: auto;
max-height: 400px;
but the logo is still the same size. the website parade.hermione2015.com
Thanks
I'm trying to change the size of the logo without any success. I change gk.logo in the css.
.gk-logo img {
display: block;
height: auto;
max-height: 400px;
but the logo is still the same size. the website parade.hermione2015.com
Thanks
-
- Junior Boarder
- GK User
- Mon Jan 26, 2015 9:03 am
Hi,
I can see that your logo is changed, do you need other help with the logo?
regarding the height of the bottom menu, do you want to change the height when the menu doesn't have class active? (when the website is scrolled to top) or when you scroll down the page?
I can see that your logo is changed, do you need other help with the logo?
regarding the height of the bottom menu, do you want to change the height when the menu doesn't have class active? (when the website is scrolled to top) or when you scroll down the page?
-
- Moderator
- GK User
- Mon Feb 22, 2016 2:13 pm
Hello,
Having trouble adjusting the size of the logo in the bottom left corner of this theme. This question was asked in this post but there is no solution listed. Based on the code posed in the original question - I've changed all the height & width options but my logo (bottom left corner) is still small (editor.css). I'd like to make the logo bigger. Can you please specify what can be done? Below is the code--
/* Logo */
.gk-logo {
display: block;
float: none;
margin: 0 auto;
padding: 0;
text-indent: -9999px;
text-shadow: none;
}
.gk-logo img {
display: block;
height: auto;
margin: 30px auto 0 auto;
max-width: 300px;
}
.gk-logo.gk-logo-css {
background: url("images/logo.png") no-repeat center center;
background-size: contain;
/* You can specify there logo size and background */
height: 70px;
margin: 70px auto 0 auto;
width: 112px;
}
.gk-logo.gk-logo-small img {
max-height: 80px;
margin: 0;
width: auto;
}
.gk-logo.gk-logo-css.gk-logo-small {
background: url("images/logo-small.png") no-repeat center center;
background-size: contain;
background-position: center center;
/* You can specify there logo size and background */
height: 400px;
margin-top: 3px !important;
width: 600px;
Having trouble adjusting the size of the logo in the bottom left corner of this theme. This question was asked in this post but there is no solution listed. Based on the code posed in the original question - I've changed all the height & width options but my logo (bottom left corner) is still small (editor.css). I'd like to make the logo bigger. Can you please specify what can be done? Below is the code--
/* Logo */
.gk-logo {
display: block;
float: none;
margin: 0 auto;
padding: 0;
text-indent: -9999px;
text-shadow: none;
}
.gk-logo img {
display: block;
height: auto;
margin: 30px auto 0 auto;
max-width: 300px;
}
.gk-logo.gk-logo-css {
background: url("images/logo.png") no-repeat center center;
background-size: contain;
/* You can specify there logo size and background */
height: 70px;
margin: 70px auto 0 auto;
width: 112px;
}
.gk-logo.gk-logo-small img {
max-height: 80px;
margin: 0;
width: auto;
}
.gk-logo.gk-logo-css.gk-logo-small {
background: url("images/logo-small.png") no-repeat center center;
background-size: contain;
background-position: center center;
/* You can specify there logo size and background */
height: 400px;
margin-top: 3px !important;
width: 600px;
-
- Expert Boarder
- Joshua M
- Tue Feb 23, 2016 8:35 am
Hi,
Try to add the following custom css code:
and adjust the max-height value.
Try to add the following custom css code:
- Code: Select all
#overlay-menu .gk-logo img {
max-height: 120px;
}
and adjust the max-height value.
-
- Moderator
- GK User
- Tue Feb 23, 2016 4:00 pm
Dude, you ROCK!! [RESOLVED] Thanks man!
-
- Expert Boarder
6 posts
• Page 1 of 1