Modify responsive/media queries for an element

Hello again,

I am trying to adjust a blockquote so that up to a maximum of 767px it maintains the following properties:

margin: 1.5em 1em 1.5em 1em;

padding: 0.8em;

I have tried it by customizing the Astra settings CSS with these lines:

@media (max-width: 767px) .blockquote {

margin: 1.5em 1em 1.5em 1em;

padding: 0.8em;

}

But he doesn’t take it.

In the attached image, corresponding to the URL that I also attached (there are several blockquotes), it looks like less than 768 pixels, it leaves a margin and a paddin that I want to reduce.

Am I correctly quoting the .blockquote id with that media query or should I do it another way?

As always, many thanks in advance.

Content only visible to registered users

Quote

Answered: 05/13/2021 11:23 pm

See also  make a link or a different url within my website
Loading Facebook Comments ...
Loading Disqus Comments ...