Okay
  Public Ticket #2332572
Background Color Change
Closed

Comments

  • Matthias started the conversation
    March 19, 2020 at 11:53pm

    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

  •  1,810
    Support replied
    March 20, 2020 at 12:51am

    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

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Matthias replied
    March 20, 2020 at 2:24am

    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.

  •  1,810
    Support replied
    March 20, 2020 at 4:35pm

    OK, can you send the url with your modifications?

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Matthias replied
    March 21, 2020 at 11:28pm

    many thanks for the help. but then decided on the Munion theme. that fits better.

  •  1,810
    Support replied
    March 21, 2020 at 11:32pm

    Ok Matthias i'm closing this ticket then.

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy