Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #316866
    latipik
    Participant

    Hello,

    I would like a specific image background for my homepage, when I check Background image in customize apparence, it’s not working.

    It’s working when I put this css code : .site-content-contain, #page {
    background-color: unset;

    But the background image is on the entire site, I want it only on my home page. Is it possible ?

    Thank you

    #316885
    tikaram
    Keymaster

    @latipik : Can you please  post in your site URL so that I can check for issues on your site and provide you the fix.

    Regards,
    Tikaram

    #316991
    latipik
    Participant

    Hello, it’s http://www.latipik.com

    Thank you !

    And also my social media does not appear on the principal menu anymore …

     

    #316999
    Sakin
    Keymaster

    @latipik : I check your site.
    1. Your background color is not working as you have set “#ffffff” in “Appearance => Customize => Colors => Page Background Color”. It looks like you need to make it a light color scheme. Also, there is CSS which is causing the issue.
    2. Your Social links are not showing due to Custom CSS as well as you haven’t assigned the social menu in the proper location.

    Solution:
    1. You need to clean up your Custom CSS at the “Appearance => Customize => Additional CSS” box. So, remove all CSS from there.
    Then add the following CSS in Additional CSS for Background Image in the Homepage Content area, this image URL https://www.latipik.com/wp-content/uploads/2023/03/L.Atipik-Nantes-1024.jpg is just an example, please that with your image URL.

    /* Remove background color in Homepage Sections */
    .home .section,
    .home .section:nth-child(2n+1) {
    	background-color: transparent;
    }
    
    /* Add background image in Homepage Content */
    .home .site-content-contain {
      background-image: url( 'https://www.latipik.com/wp-content/uploads/2023/03/L.Atipik-Nantes-1024.jpg' );
      background-position: center top;
      background-repeat: no-repeat;
      background-size: cover;
      background-attachment: fixed;
    }

    2. Once you remove your old CSS, it will show both Social Icons and Search in your menu. But it will show just the default anchor as you haven’t assigned the menu location. So, go to “Appearance => Menus => Manage Locations” and then assign Social Menu in the “Header Social Menu” location and click on the “Save Changes” button.
    Then if you want to hide the search in the menu, then go to “Appearance => Customize => Theme Options => Menu Options” and check “Check to disable search box in Header” and “Publish” it.

    Regards,
    Sakin

    #317259
    latipik
    Participant

    Thank you very much,

    Everything works fine 🙂

    Just now I would like to choose different background for section, for exemple I would like to change for TEAM section.

    Can you give me css code for different section please. I’ll look in the forum but in case something changed… Thank you so much for your help 🙂

    #317289
    Sakin
    Keymaster

    @latipik: So, what do you want in the team section? Do you want a background color or a background image? If you want an image then send me the image link and if you want color then you can send me the color code.

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Home Page background’ is closed to new replies.