Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #336728
    pklattenhoff
    Participant

    Dear Sir or Madam,

    I am using the Fotografie Theme, version 2.4.2.

    I am trying to change the main color of the pages, which is white.

    I have tried in the setting  additional CSS as well as in the theme file editor,

    but I do not find where I can change the background-color of the lower page.

    I thank you in advance for checking this request.

    Kind regards

    Philipp

     

    #336730
    sujapati
    Keymaster

    Hello Pklattenhoff,

    Thank you for your inquiry. As you mentioned, you are currently using the free version of Fotographie. To change the background, please follow these steps:

    1. Click on “Customizer” in the WordPress dashboard.
    2. Navigate to the sidebar on the right and select the “Colors” option.
    3. In the “Colors” section, you will find options for “Header Text Color” and “Background Color.” You can easily change the background color from here.

    I have attached a screenshot for your reference.

    image-15

    image-16

    For changing the inner site colors, you will need to add custom CSS. The required CSS is provided below.

    
    
    .site-inner {
        background-color: #111;
        color: #fff;
    }
    .post-archive .entry-title a, 
    .hero-content-wrapper .entry-title a,
    a,
    .more-link {
        color: #fff;
    }
    a:hover, a:focus, a:active,
    .more-link:hover, .more-link:focus {
        color: rgba(255, 255, 255, 0.70);
    }
    .post-archive .entry-meta, .post-archive .entry-meta a {
        color: rgba(255, 255, 255, 0.70);
    }
    .post-archive .entry-meta a:hover, .post-archive .entry-meta a:focus {
        color: #fff;
    }
    .button, .comment-navigation a, .posts-navigation a, .site-main #infinite-handle span button {
        background-color: #fff;
        color: #000;
    }
    .button:hover, .button:focus, .comment-navigation a:hover, .comment-navigation a:focus, .posts-navigation a:hover, .posts-navigation a:focus, .post-navigation a:hover, .post-navigation a:focus, .site-main #infinite-handle span button:hover, .site-main #infinite-handle span button:focus {
        background: rgba(255, 255, 255, 0.2);
        color: #fff;
    }

    The color references included in the CSS are for guidance and can be adjusted to meet your needs.

    We recommend upgrading to the pro version of the Fotographie theme, which offers a wider range of color customization options for various elements, allowing you to tailor the theme to your specific needs.

    Kind Regards,
    Sujapati

Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘cannot change color of website body’ is closed to new replies.