Tagged: ,

Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • #365889
    #366046

    Hey 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,
    Yigit

    #366655

    Yes 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.

    #366758

    Hi!

    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,
    Yigit

    #367932

    Hi,
    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

    #368135

    Hey!

    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,
    Andy

    #368180
    This reply has been marked as private.
    #369257

    Hey!

    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!
    Yigit

    #371245

    Hi,

    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

    #371373

    Hi!

    Yes, this is possible. Go to Enfold > Header > Header Behavior. Enable the Let logo and menu position adapt to browser window setting.

    Cheers!
    Ismael

    #371437

    Hi 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
    #371658

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    div#header_main > .container {
    margin-left: 0;
    }

    Regards,
    Yigit

    #372381

    Hi,

    Sorry, it did not solve the problem.

    Please advice.

    Amin

    #372426

    Hi!

    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,
    Yigit

    #373006

    How do I know if my website has converted > sing? and how to fix it?

    Please advice.

    Thanks,

    Amin

    #373008

    Hey!

    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,
    Yigit

    #373430
    This reply has been marked as private.
    #373492

    Hi!

    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,
    Yigit

    #373501

    Thanks Yigit! Now it looks better with the background behind it.

    Amin

Viewing 19 posts - 1 through 19 (of 19 total)
  • The topic ‘Header image on all pages except the home page’ is closed to new replies.