- This topic has 1 reply, 2 voices, and was last updated 1 month, 3 weeks ago by sujapati.
-
AuthorPosts
-
July 25, 2024 at 4:19 pm #336728pklattenhoffParticipant
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
July 26, 2024 at 1:29 am #336730sujapatiKeymasterHello 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:
- Click on “Customizer” in the WordPress dashboard.
- Navigate to the sidebar on the right and select the “Colors” option.
- 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.
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 -
AuthorPosts
- You must be logged in to reply to this topic.