Support Center Visit Demo License manager Buy @ envato

Blog background

irizzzirizzz
in Blog
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

  • AlbertAlbert
    Hey,

    you can set background for single post pages with custom css: 
    .single-post #Content { background: #FFF !important; }
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • irizzzirizzz

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


    Thanks you!
  • AlbertAlbert
    To set background for this page, you need to use custom css as well: 
    .page-id-120 #Content { background: #FFF !important; }
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • irizzzirizzz
    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)
  • AlbertAlbert
    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.
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • irizzzirizzz
    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.