Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #3498389
edit dark mode
Closed

Comments

  • zeronawaftrx started the conversation
    October 14, 2023 at 2:40pm

    Welcome, Team Soledad

    I have several questions regarding the dark mode in the template

    The first is that when I activate the dark mode on the phone, the header color is green and does not change to black as shown in the picture, and I do not know the reason.

    With explanation below

    As you can see, I activated the dark mode on the website on the mobile phone, but the header remained the same green color, while all other parts were black, and the logo also changed to the same color that I used in dark mode.

    Second inquiry: What is the suggested size of logos on the computer?

    Thank you very much


    Attached files:  ببصثثقثثص.png
      ببثقثص.png

  •  2,278
    PenciDesign replied
    October 15, 2023 at 1:32am

    Hi,

    For this matter, please provide me with your WordPress admin account credentials. I will log in and attempt to assist you in troubleshooting this issue.

    Regards,
    PenciDesign.


  •   zeronawaftrx replied privately
  •  2,278
    PenciDesign replied
    October 16, 2023 at 11:55pm

    Hi,

    1. Please navigate to Appearance → Customize → Custom CSS, and then insert the following custom CSS code:

    body.pcdark-mode.pcdm-enable .penci_header_overlap .penci-mobile-midbar,
    body.pcdark-mode.pcdm-enable .penci-mobile-midbar {
        background-color: var(--pcbg-cl);
    }

    2. You should upload the logo with a maximum of 70px x 70px for your site.

    Regards,
    PenciDesign.



  • zeronawaftrx replied
    October 20, 2023 at 9:54pm

    change the white logo to the same recommended size and the problem still not fixed yet 

    ----------------------

    and how to change header color text menu hover in dark mode ? 

    Attached files:  dwweewe.png

  •  2,278
    PenciDesign replied
    October 21, 2023 at 3:07am

    Hi,

    Please navigate to Appearance → Customize → Custom CSS, and then insert the following custom CSS code:

    body.pcdm-enable.pcdark-mode .pc-builder-element.pc-main-menu .navigation .menu > li > a {
        color: #fff;
    }

    About the logo issue, please send me the screenshot.

    Regards,
    PenciDesign.