Blog background

Hi there!

I added the Horse Demo. I want to have a blog, but when i make a post, the text had no background and that's why the text is not readable. 
Whole demo have transparent background because of the background image you are using.

Is there a code for it to make all blog post have, in the back of the text area, a white background?

Comments

  • Hey,

    you can set background for single post pages with custom css:
    .single-post #Content { background: #FFF !important; }

  • Perfect! :D
    Last question, can i also set a white background at the blogs in the overview like on page:


    Thanks you!
  • To set background for this page, you need to use custom css as well:
    .page-id-120 #Content { background: #FFF !important; }
  • edited February 2017
    Hello!


    1. When i see my website on the iPad, the titles of the texts are messed up. They are too big for the screen. Can i set all titles (h2) smaller on the iPad?

    2. I want to show some row NOT at the iPad, but i see the only option to hide it for the iPad if sizes are 768px - 959 px. But for example a iPad air 2 is; 1024px - 768. An iPad Pro is bigger than that.

    How can i fix this? Because my website i not good at the iPad (Horse demo)
  • 1. To change font sizes per different devices, you need to use right @media only screen, like:
    @media only screen and (min-width: 768px) and (max-width: 959px) {
        h2 { font-size: 10px !important; }
    }
    For more details about @media rules and your future customization, please visit http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

    2. We are sorry but Responsive Visibility options are already coded and couldn't be changed and we do not have any workaround to change this.
  • edited February 2017
    Hello,

    2. Okay but that's strange, because there is no tablet with that dimensions. How can we fix this? We use the exact demo but i assume that you also checked the tablet version on it right? Now we have really a lot of big empty spaces.

    So when we set OFF a row on tablet, we DO see it on a tablet. Please help us with this.

    - Do you maybe have a CSS so we can set an Item OFF on the tablet or dekstop? So we can play with that?
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.