Bootswatch

Advanced Search

max page/block width

Permalink Browser Info Environment
I've installed the Bootswatch theme and I'd like to limit the width of pages/blocks. I tried to add some CSS to bootstrap-responsive.css, bootstrap-responsive.min.css and to the theme template CSS but it didn't work. Here's my code:
@media (min-width: 768px) {
  max-width:768px !important;
}

Why isn't this working? It doesn't seem to be a caching issue. How can I accomplish my goal?

Edit: added "max-" in CSS
Type: Discussion
Status: New
mcc5
View Replies: View Best Answer
GuillaumeAgresta replied on at Permalink Best Answer Reply
GuillaumeAgresta
Hi,

You purge your cache via the dashboard?
You must specify your size on a class

sample: 
. span12 {
        max-width: 768px !important; 
}
mcc5 replied on at Permalink Reply
mcc5
I had purged the cache but my mistake was assuming that if I did not specify a selector the CSS would apply to everything. Thank you, Guillaume!

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You have not specified a license for this support ticket. You must have a valid license assigned to a support ticket to request a refund.