Your address will show here +12 34 56 78

Home Forums WP RESIDENCE – Real Estate WordPress Theme FORUM Modifying CSS based on screen resolution

This topic contains 1 reply, has 2 voices, and was last updated by  Anna 2 years, 9 months ago.

  • Author
    Posts
  • #101696

    pmaldonado
    Participant

    Hi Anna, i have the following question. Let’s say i want to modify a css code but just for only screen resolution of max-width 768px. I know that it should be something like

    @media (max-width: 768px){
    css code here
    }

    and that bootstrap is already doing that. But i can’t figure out how to change something specific in the style.css and make it match with the screen resolution. Let’s say i would like to modify the background color of the “.slider_control_left” and “.slider_control_right” but only when the max-width is 768px.. how can i do that?

    thanks !

  • #101736

    Anna
    Keymaster

    Hi,

    Thank you for your message.

    You need to search in style css or my_media.css and overwrite in child theme.
    The CSS format above is correct.
    We use browser preview to find CSS. http://wpestate.org/forums/topic/find-css/

    Thank you,
    Roxana

You must be logged in to reply to this topic.