-
AuthorPosts
-
January 14, 2014 at 12:43 am #209244
Hi, I just purchased and installed Enfold. I tried uploading my own logo from the Enfold Theme Options. The uploader didn’t seem to be working, I finally just typed in the path to my logo. I sized my logo 340px x 156px per the instructions on that page. The theme is updated but the logo is too small, when I view the code there is inline styling on the logo image:
<img alt="Caller ID Notes" src="http://calleridnotes.com/wp-content/uploads/2013/04/calleridnotes.png" style="max-width: 170px; width: auto; max-height: 88px;"></img>
I want my logo to appear at 340px wide. In the Enfold Theme Options there is a note that says the logo display size can be modified from style.css. When I go to edit style.css there is a comment stating Do Not Edit this File.
Even if I do modify the width/height in a stylesheet won’t the inline styling override that? I’m perplexed.
Your help will be greatly appreciated.
I’m using WordPress 3.8
- This topic was modified 10 years, 11 months ago by casidougal.
January 14, 2014 at 12:46 am #209246January 14, 2014 at 1:01 am #209249This reply has been marked as private.January 14, 2014 at 1:03 am #209251This reply has been marked as private.January 14, 2014 at 1:09 am #209253Hey!
Try adding this code to the Quick CSS:
.logo, .logo img { max-width: 340px !important; width: 340px !important; height: auto !important; max-height: none !important; } .logo img{ position: relative; top: -40px; }
Cheers!
JosueJanuary 14, 2014 at 1:13 am #209257This reply has been marked as private.January 14, 2014 at 1:30 am #209265Thanks, that seems to of done the trick. It seems odd to me that there is inline styling for the logo but I guess that’s just the way it is.
Really appreciate your fast assistance and resolution.
January 14, 2014 at 1:31 am #209266You are welcome, glad we could help :)
Regards,
JosueJanuary 16, 2014 at 5:29 pm #210760Hi again . . . there’s another issue I noticed after doing this. The logo looks fine in terms of sizing but when a user scrolls down in the browser then the header div shrinks in height and the logo is cut in half. I’d like that header to always stay the same size even if someone scrolls down.
I saw the two solutions for what sounded like similar issues posted on this theme’s support page in Themeforest and I tried both but they didn’t work for me.
I tried modifying one solution to:
#header_main .container, .main_menu ul:first-child > li > a {
height: 88px !important;
line-height: 88px !important;
}html.fixed_header #main {
padding-top: 88px;
}
With the above the header stays the same height but the lower content scrolls up and under the header, and the logo image is cut in half.The page is here: http://calleridnotes.com/homepage
Thanks!
January 16, 2014 at 6:33 pm #210786Hey!
Please add this on the Quick CSS:
.logo a { max-height: none !important; }
Best regards,
IsmaelJanuary 16, 2014 at 7:11 pm #210829Thanks! I added that but when I scroll down (using a sized down browser window) I can still faintly see the text behind the header when it scrolls up.
Here are the full contents of Quick CSS
.logo, .logo img {
max-width: 340px !important;
width: 340px !important;
height: auto !important;
max-height: none !important;
}
.logo img{
position: relative;
top: -40px;}
body {
font-size: 15px;
}
.avia_message_box_content { text-transform: capitalize; }#header_main .container, .main_menu ul:first-child > li > a {
height: 88px !important;
line-height: 88px !important;
}html.fixed_header #main {
padding-top: 88px;
}.logo a {
max-height: none !important;
}January 16, 2014 at 7:25 pm #210841Hi!
I think it is because of the header_bg opacity. Please add this on Quick CSS:
.header_bg { opacity: 1; filter: alpha(opacity=100); }
Best regards,
IsmaelJanuary 16, 2014 at 7:39 pm #210851Hey . . . thanks for your quick response. I added that but now I notice more issues when the display width is reduced . . . the menu pushes in to the logo and in a narrow display for the phone there is extra space and the logo is not centered.
Don’t take this wrong because I really appreciate the fast support but I have to say all this modification and the continued issues seems crazy because the only thing I’ve done is added my own custom logo . . . I used the dimensions given right on the theme options page.
Doesn’t seem like it should be this complicated just for that . . . I would assume that every person who uses this theme will at least update the logo with their own custom.
I’ve had to add all the CSS listed at the end of this message get the logo to display correctly and it’s still not working.
I can’t imagine that with as many of these theme’s you’ve sold and as good of ratings as you’ve gotten that everyone has to go through this process for the most basic of customization?
Can we take a look at this issue from the beginning and see if there is not a simpler solutions? I just want to add my custom logo, which I’ve sized correctly, to display in the site. I don’t want it to shrink down tiny.
Thanks!
.logo, .logo img {
max-width: 340px !important;
width: 340px !important;
height: auto !important;
max-height: none !important;
}
.logo img{
position: relative;
top: -40px;}
#header_main .container, .main_menu ul:first-child > li > a {
height: 88px !important;
line-height: 88px !important;
}html.fixed_header #main {
padding-top: 88px;
}.logo a {
max-height: none !important;
}.header_bg {
opacity: 1;
filter: alpha(opacity=100);
}- This reply was modified 10 years, 11 months ago by casidougal.
January 17, 2014 at 8:22 am #211088Hey!
Please save all the css customization that we suggested on a separate text editor. Remove all of it then replace it with:
#header_main .container, .main_menu ul:first-child > li a{ height:156px; line-height: 156px; } .header_bg { opacity: 1; filter: alpha(opacity=100); }
Adjust the height and the line-height if necessary. This should adjust the width of the logo.
Regards,
IsmaelJanuary 17, 2014 at 5:05 pm #211271Now it’s worse . . . text cut off below, logo fluctuating in size.
January 17, 2014 at 5:22 pm #211279Hi!
Please add following code to Quick CSS as well and it should be fixed
.fixed_header #main { padding-top: 157px; }
Header sized was increased with Ismael’s code but top padding remained 88px. This will increase it and whole content will be visible.
Regards,
YigitJanuary 17, 2014 at 5:25 pm #211281If you would like logo not to resize, please add following code to Quick CSS as well
.logo, .logo a, .logo img{ max-height: 156px!important; } .header-scrolled .logo { margin-top: -40px; }
Cheers!
YigitJanuary 17, 2014 at 7:12 pm #211339Nope. Now half the logo is cutoff in mobile view.
Also, I don’t want the header taller than it is by default.
January 17, 2014 at 9:47 pm #211385Hi!
I wanted to take a look but i get “Error 404 – Not Found” error when i click the link you have provided earlier
Regards,
YigitJanuary 17, 2014 at 9:54 pm #211388Unfortunately I had to purchase another theme from a different development company. I had no issues whatsoever in updating the logo to my custom one with the other theme . . . it was intuitive, quick and easy.
I don’t understand how such a basic thing could be so difficult and involve so much time and correspondence with your support.
Any chance I can get my money back for Enfold?
January 17, 2014 at 10:25 pm #211405Hey!
We actually have no connection with Envato so you’ll need to contact ThemeForest directly for a refund request.
Best regards,
DevinJanuary 17, 2014 at 11:22 pm #211428Hey!
I wanted to see your site live, but a 404 error is displaying:
http://calleridnotes.com/homepageBest regards,
JosueFebruary 3, 2014 at 1:45 pm #218772Hey guys, I second this. I love enfold, but a simple thing as adding a custom logo is really a pain. Even an experienced CSS’er like me struggles with it. The header is not built in a flexible way. The logo acts strange and one has to add way too much custom code just to get it fixed. I notice the logo gets inline css code when uploading.
This would be a major improvement for a next update. Make the custom logo (which everyone does) simple and easy.
Way too many posts about people struggling with the logo.February 3, 2014 at 2:18 pm #218783Hi!
@spiv Feel free to post your request here https://kriesi.at/support/topic/enfold-feature-requests/
We would gladly like to take a look and help you solve your logo issue. But please start a new topicRegards,
Yigit -
AuthorPosts
- The topic ‘Problems adding a custom logo’ is closed to new replies.