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
  • #101696


    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



    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.

    Thank you,

You must be logged in to reply to this topic.