Comments Matthias started the conversationMarch 19, 2020 at 11:53pmI would like to change the background color. The light version in dark and the black version lighter. I didn't find anything on the style.css or scripts.js file. I would be very happy if I can be helped here. Thank you very much 2,075Support repliedMarch 20, 2020 at 12:51amHello Matthias- open header.php and change line 67 echo 'data-bgcolor="#ffffff">'; for the light versionchange the hex code #ffffff for the light version- open /js/scripts.js and change line 470if ($("body").hasClass("light-content")) { $("main, .socials li, #main-content.solid-bg, .jssocials-share").css('background-color', '#181818'); setTimeout( function(){ $("header").css('background-color', '#181818');} , 300 ); } else { $("main, .socials li, #main-content.solid-bg, .jssocials-share").css('background', function () {return $("#page-content").data('bgcolor')}); setTimeout( function(){ $("header").css('background', function () {return $("#page-content").data('bgcolor')});} , 300 ); }the bolded part #181818 for dark versions. Do the same for line 648if ($("body").hasClass("light-content")) { $("main, header, .socials li, #main-content.solid-bg, .jssocials-share").css('background-color', '#181818'); } else { $("main, header, .socials li, #main-content.solid-bg, .jssocials-share").css('background', function () {return $("#page-content").data('bgcolor')}); }When you are done with the changes, hard refresh the page (Ctrl+F5)Thank you. Clapat Support Review Envato Item Support Policy Follow us! https://www.clapat.com/https://www.facebook.com/clapat.ro https://www.instagram.com/clapat.themes/https://x.com/clapatdesignhttps://www.linkedin.com/company/clapatstudiohttps://www.tiktok.com/@clapatstudio1 LikeMatthias repliedMarch 20, 2020 at 2:24amThank you for your help. Everything worked. Now I just have to change the menu items in terms of color and other things because the light and dark modes are to be reversed exactly.Many many thank. 2,075Support repliedMarch 20, 2020 at 4:35pmOK, can you send the url with your modifications?Thank you. Clapat Support Review Envato Item Support Policy Follow us! https://www.clapat.com/https://www.facebook.com/clapat.ro https://www.instagram.com/clapat.themes/https://x.com/clapatdesignhttps://www.linkedin.com/company/clapatstudiohttps://www.tiktok.com/@clapatstudioMatthias repliedMarch 21, 2020 at 11:28pmmany thanks for the help. but then decided on the Munion theme. that fits better. 2,075Support repliedMarch 21, 2020 at 11:32pmOk Matthias i'm closing this ticket then.Thank you. Clapat Support Review Envato Item Support Policy Follow us! https://www.clapat.com/https://www.facebook.com/clapat.ro https://www.instagram.com/clapat.themes/https://x.com/clapatdesignhttps://www.linkedin.com/company/clapatstudiohttps://www.tiktok.com/@clapatstudio Sign in to reply ...
I would like to change the background color. The light version in dark and the black version lighter.
I didn't find anything on the style.css or scripts.js file.
I would be very happy if I can be helped here.
Thank you very much
Hello Matthias
- open header.php and change line 67 echo 'data-bgcolor="#ffffff">'; for the light version
change the hex code #ffffff for the light version
- open /js/scripts.js and change line 470
if ($("body").hasClass("light-content")) {
$("main, .socials li, #main-content.solid-bg, .jssocials-share").css('background-color', '#181818');
setTimeout( function(){ $("header").css('background-color', '#181818');} , 300 );
} else {
$("main, .socials li, #main-content.solid-bg, .jssocials-share").css('background', function () {return $("#page-content").data('bgcolor')});
setTimeout( function(){ $("header").css('background', function () {return $("#page-content").data('bgcolor')});} , 300 );
}
the bolded part #181818 for dark versions. Do the same for line 648
if ($("body").hasClass("light-content")) {
$("main, header, .socials li, #main-content.solid-bg, .jssocials-share").css('background-color', '#181818');
} else {
$("main, header, .socials li, #main-content.solid-bg, .jssocials-share").css('background', function () {return $("#page-content").data('bgcolor')});
}
When you are done with the changes, hard refresh the page (Ctrl+F5)
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
Thank you for your help. Everything worked.
Now I just have to change the menu items in terms of color and other things because the light and dark modes are to be reversed exactly.
Many many thank.
OK, can you send the url with your modifications?
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
many thanks for the help. but then decided on the Munion theme. that fits better.
Ok Matthias i'm closing this ticket then.
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio