Tagged: header image, logo
-
AuthorPosts
-
December 10, 2014 at 10:52 am #365889
Hi,
I want to add the header image on all pages except the home page. And also having the header image to start after the logo.
like this:
- This topic was modified 10 years ago by insurefirst.
December 10, 2014 at 4:43 pm #366046Hey insurefirst!
Please go to Enfold theme options > General Styling > Logo Area and set custom background image and then add following code to Quick CSS
.home .header_bg { background: none !important; }
Best regards,
YigitDecember 11, 2014 at 2:57 pm #366655Yes it is not on the home page now but there is two problems:
1. The background is also showing behinde the navigation but I added the following Quick CSS and it fixed it but I am not sure if I did it the right way:#header_main_alternate{background-color:white;}
2. I want the background to start after the logo (at the right side of the logo) and expands/stretches if I change the windows width.
- This reply was modified 10 years ago by insurefirst.
December 11, 2014 at 5:30 pm #366758Hi!
1- Yes, that code is fine
2- Please add following code to Quick CSS as well.header_color .header_bg { background-size: contain; background-position: 100% 50%; }
Regards,
YigitDecember 14, 2014 at 9:30 am #367932Hi,
Thanks for the code. It is working for when I expand it but on the left side, It works when the width of the screen is >= 1449 px. When I make it less, It goes to the left side of the logo.
Please advice.Thanks,
Amin
December 15, 2014 at 4:56 am #368135Hey!
for me nothing goes to the left side of the logo, when I reduce window size. Please show us the issue using a screenshot. Which browser are you using?
Regards,
AndyDecember 15, 2014 at 7:56 am #368180This reply has been marked as private.December 17, 2014 at 12:27 am #369257Hey!
That is expected behaviour since you have set it as header background image. Your logo has a white background that is why you cannot see the background on bigger screens.
Cheers!
YigitDecember 21, 2014 at 10:38 am #371245Hi,
OK. Since I cannot do that, Can I have the logo stick to the left size and background to cover all the width behind the logo?
So all the time the logo stays on left side (0px margin-left) and at the same time behind the logo, the bachground is 100% width.
Here is an image about what I mean:Just so you know, the quick css code looks like this now:
.home .header_bg { background: none !important; } #header_main_alternate{background-color:white;} .header_color .header_bg { background-size: contain; background-position: 100% 50%; }
Thanks,
Amin
- This reply was modified 10 years ago by insurefirst.
December 22, 2014 at 1:42 am #371373Hi!
Yes, this is possible. Go to Enfold > Header > Header Behavior. Enable the Let logo and menu position adapt to browser window setting.
Cheers!
IsmaelDecember 22, 2014 at 5:52 am #371437Hi Ismael,
1. I have done that but there is some margin on the left side of the logo. I want to have margin-left to be 0.
2. Because I had some quick css applied before, now when I delete those css codes, my website looks the same as after the css rules applied! does quick css writes to a file?
Update: I have found that answer to #2. The quick css writes to uploads/dynamic_avia/enfold-child.css. So In order to delete the rules I applied earlier in this topic, do I need to modify the css file or there is a built in way in the theme menu?thanks,
Amin
- This reply was modified 9 years, 12 months ago by insurefirst. Reason: Added the update about #2
December 22, 2014 at 7:03 pm #371658Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
div#header_main > .container { margin-left: 0; }
Regards,
YigitDecember 24, 2014 at 6:32 am #372381Hi,
Sorry, it did not solve the problem.
Please advice.
Amin
December 24, 2014 at 3:14 pm #372426Hi!
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field. Code works totally fine on my local installation. If that does not help, please create a temporary admin login and post it here privately so we can look into it.
Best regards,
YigitDecember 30, 2014 at 11:26 am #373006How do I know if my website has converted > sing? and how to fix it?
Please advice.
Thanks,
Amin
December 30, 2014 at 11:28 am #373008Hey!
You can check it in Quick CSS field (or custom.css file, depending on where you have added the code). If you do not mind creating a temporary admin login and posting it here privately, we can look into it as well
Regards,
YigitDecember 31, 2014 at 8:49 am #373430This reply has been marked as private.December 31, 2014 at 1:42 pm #373492Hi!
I added to code to Style.css file of your child theme in Appearance > Editor and it worked fine. Please review your website now
Best regards,
YigitDecember 31, 2014 at 2:01 pm #373501Thanks Yigit! Now it looks better with the background behind it.
Amin
-
AuthorPosts
- The topic ‘Header image on all pages except the home page’ is closed to new replies.