Okay
  Public Ticket #1724651
Design question
Closed

Comments

  • Jan Riggert started the conversation

    Hello,

    I am just starting, but I am stuck.

    Q1: How can I enable the dark theme, that uses the light logo I uploaded? 

    Q2: I want a design like the Agency 02 Homepage. But dark instead white. With a transparent navigation at the top, that gets a (dark) background as soon as you start scrolling.

    Q3: Why is my background image (a simple content block) not all the way up to the top? There is a grey background behind the navigation.

    How can I do that?

    Thank you very much!

  •  895
    TheFox replied

    Hello Jan, thanks for purchasing Cesis!

    1. We don't have a "dark theme" the "Light logo" is used for the transparent header settings.

    If you want to make the default header black, then go to

    Cesis > Header settings > Header main area and change the color to the dark color you want to use and upload your light logo as your default logo.

    2. For the header settings, check the 1. answer.

    Regarding the dark instead of white Agency 02 it should be easy , you will need to modify the page content "Row" background color and text color.

    Also if you want to have all the pages to use a dark style then go to Cesis > Main content settings and change the color settings.

    ( You can import the Agency 02 homepage from Appearance > Import demo data )

    3. We don't see the problem when we check your page, try to check on a secret window, also if you are still having a problem please send me a screenshot.

    Do not hesitate to contact us if you have more questions.

    Have a nice day!

    Regards.


  • Jan Riggert replied

    Thank you very much for your reply! I think I figured everything out.

    Please allow me one more question: If you look at the startpage (http://distributed-ledger-group.com/), you can see a gap at the bottom. Why is the image not fullscreen, even if I set the checkbox at the content block row settings to be full height?

    Screenshot 1

    Screenshot 2 (settings)

    Thank you in advance,
    Jan


    For your info, I use this custom CSS code to get rid of some other gaps:

    .wpb_content_element {
    margin-bottom: 0px !important;
    }


  •  895
    TheFox replied

    Hello Jan,

    Glad to hear that you have been able to figure it out.

    The space you see is because you use the Parallax settings but your image has not enough height to fit and keep it ratio, you are using a squared ratio.

    What you can do is make the image to have more height, or change the speed of the parallax to something smaller.

    If you check the site on a 16:9 ratio, the image fits.

    Do not hesitate to contact us if you have more questions.

    Have a nice day!

    Regards.