Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • June 18, 2015 at 12:57 pm #461240
    Jaap de Wit

    Hi,

    In the website styling section I’ve set a background image in the socket tab but it doesn’t show on the front. Also changing the background color of the socket doesn’t work. I’m running the latest version of the theme.

    When I change the socket color by using custom css it is working. So somehow the Enfold options panel doesn’t work correctly.

    Cheers,
    Jaap

    June 18, 2015 at 1:22 pm #461247
    Yigit

    Hi Jaap!

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

    #socket {
  background-image: url(https://nieuw.mogadorcosmetics.nl/wp-content/uploads/2015/06/footer.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 25%;
}

    Cheers!
    Yigit

    June 18, 2015 at 1:28 pm #461256
    Jaap de Wit

    Hi Yigit,

    Thanks for your quick answer. Custom css is working. Do you have any idea why the settings in the Enfold panel are not working?

    One more question about the background image. The background image of the socket is bigger than the socket container, this is on purpose. I want to have the top part of the socket image to fall above the footer. Is this possible? z-index?

    Cheers,
    Jaap

    June 18, 2015 at 1:32 pm #461264
    Yigit

    Hey!

    Please make sure that wp-content/uploads folder has correct permissions ( 755 ) – http://codex.wordpress.org/Changing_File_Permissions
    Can you please post a screenshot and show how you would like it to look?

    Regards,
    Yigit

    June 23, 2015 at 1:06 pm #463321
    Jaap de Wit

    Hi Yigit,

    The upload folder has the correct permissions. But what does the upload folder has to do with the enfold settings not being applied?

    About the footer/socket. I want to have something like this: http://nieuw.mogadorcosmetics.nl/wp-content/uploads/2015/06/footer-socket.jpg

    Regards,
    Jaap

    June 24, 2015 at 11:42 am #463921
    Andy

    Hi!

    please upgrade to Enfold v3.2.1.

    Try to deactivate all your plugins, to check if one is causing this issue. Are you using any caching plugin? maybe your server is using some kind of caching? please ask your host about it.

    I can’t see any background image in your socket. Can you please provide us a link showing it? You can try to ad background-size into Yigit’s code:

    #socket {
  background-image: url(https://nieuw.mogadorcosmetics.nl/wp-content/uploads/2015/06/footer.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 25%;
background-size: 50px;
}

    adjust it as needed.

    Regards,
    Andy

    June 24, 2015 at 11:51 am #463929
    Ismael

    Hey!

    The enfold css file is saved inside the uploads > dynamic_avia folder so styling won’t work if the folder doesn’t have the correct file permission. Regarding the theme options not saving, please try to deactivate all plugins then test it again. If it works then try to activate the plugin one at a time to find the issue.

    Best regards,
    Ismael

    June 24, 2015 at 1:50 pm #464012
    Jaap de Wit

    Hi guys,

    I’ve changed the security to match 755 on the avia dir and files in the upload dir and disabled all plugins but this didn’t solve the issue. Any other suggestions?

    Cheers,
    Jaap

    June 26, 2015 at 10:02 pm #465122
    beenee

    Hi there!

    I did have almost the same issue. The background color didn’t show in the socket. It wouldn’t take “any” “Enfold general Styling” background colors in fact. I took the advise and turned all plug-ins off. It worked well after all was turned off! Now I turned them on again, one by one. And guess what, it still works as I was expecting it. Background colors are correct after turning plug-ins off and on again. I have no explanation for this, but maybe it helps solving the overall problem. Thanks for solving mine.

    cheers
    Stefan

    June 28, 2015 at 10:31 am #465495
    Rikard

    Hi @beenee!

    Thanks for sharing your solution! @Jaap de Wit could you try disabling your plugins to see if that helps?

    Regards,
    Rikard

    June 30, 2015 at 10:09 am #466263
    Jaap de Wit

    Hi Rikard,

    I’ve disabled all plugins and set the footer background to some horrible purple color but it doesn’t show. Can you check with the credentials supplied earlier?

    Cheers,
    Jaap

    July 1, 2015 at 12:17 pm #466915
    Andy

    Hey!

    please ask your host if they are using some kind of caching on your server.

    Regards,
    Andy

    July 1, 2015 at 12:22 pm #466919
    Jaap de Wit

    Hi Andy,

    I don’t think it’s a caching issue since when I put in some custom css it displays just fine. Als content changes are displayed immediately.
    I’ve added FTP credentials, I think it’s some kind of permissions issue but don’t know what. Can you have a look?

    Cheers,
    Jaap

    July 2, 2015 at 11:53 am #467420
    Ismael

    Hey!

    Try to set the domains and domains/mogadorcosmetics.nl directory to 755. The theme needs to be able to write to the directory in order to update the theme’s css file. When I try to update the theme options, the version of the css file inside the dynamic_avia folder is not being updated:

    http://nieuw.mogadorcosmetics.nl/wp-content/uploads/dynamic_avia/mogador_cosmetics.css?ver=5559ff0309600

    Cheers!
    Ismael

    August 4, 2015 at 10:38 am #482601
    Jaap de Wit

    Hi Ismael,
    I’ve solved the rights issue by recreating the files, strange problem… Now back to my question. How can I insert a background image in the socket which overlaps the footer for some part. See example: http://nieuw.mogadorcosmetics.nl/wp-content/uploads/2015/06/footer-socket.jpg

    Cheers,
    Jaap

    August 4, 2015 at 2:43 pm #482707
    Yigit

    Hi!

    Please add following code to Quick CSS 

    #socket { padding-top: 40px; }
#footer { padding-bottom: 0; }

    Best regards,
    Yigit

    August 4, 2015 at 3:10 pm #482730
    Jaap de Wit

    Hi Yigit,

    You’re the best! It works.

    Cheers,
    Jaap

    August 4, 2015 at 3:12 pm #482734
    Yigit

    Hey Jaap!

    You are welcome, glad we could help :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 18 posts - 1 through 18 (of 18 total)
  • The topic ‘Socket background image not working’ is closed to new replies.