fbpx

Control Content Visibility on Your Joomla Website with Display Conditions Know More

Welcome, Guest
Username: Password: Remember me

TOPIC: Changind width css for one @media break

Changind width css for one @media break 1 month 3 days ago #25326

  • cybersalt
  • cybersalt's Avatar
  • Offline
  • New Member
  • Posts: 19
  • Karma: 0
I would like to change the max-width of a media break.

It is:

@media (min-width: 1200px)
.jdb-container {
max-width: 1140px;
}

And I would like it to be:

@media (min-width: 1200px)
.jdb-container {
max-width: 1250px;
}

I've tried putting the custom css in a few places in both JDB and Astroid with no success.

How and where do I make that change?

Thanks.
Tim Davis
Cybersalt Consulting & Basic Joomla Tutorials
Last Edit: 1 month 3 days ago by cybersalt.
The administrator has disabled public write access.

Changind width css for one @media break 1 month 3 days ago #25333

  • chandandeep
  • chandandeep's Avatar
  • Online
  • Administrator
  • Posts: 3891
  • Thank you received: 595
  • Karma: 101
Hello Tim,

Few thing you need to confirm.

  • First, clear the cache.
  • Second, check your selector is working. So please confirm via Dev tool.

Thanks,
Chandan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The administrator has disabled public write access.

Changind width css for one @media break 1 month 3 days ago #25335

  • cybersalt
  • cybersalt's Avatar
  • Offline
  • New Member
  • Posts: 19
  • Karma: 0
Hi Chandan,

I have been clearing my cache by clearing the entire Joomla cache. Other changes I have made to the css have been showing up.

I'm not sure what you mean by checking if my selector is working, but if I change that css in element inspector the change does happen.

I have also tried (in JDB) setting the section setting content width to 1250 and selected the stretch section option.

Tim
Tim Davis
Cybersalt Consulting & Basic Joomla Tutorials
The administrator has disabled public write access.

Changind width css for one @media break 1 month 2 days ago #25340

  • chandandeep
  • chandandeep's Avatar
  • Online
  • Administrator
  • Posts: 3891
  • Thank you received: 595
  • Karma: 101
Please share the site URL. So I can confirm why selector is not working.
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The administrator has disabled public write access.

Changind width css for one @media break 1 month 2 days ago #25344

  • cybersalt
  • cybersalt's Avatar
  • Offline
  • New Member
  • Posts: 19
  • Karma: 0
Tim Davis
Cybersalt Consulting & Basic Joomla Tutorials
The administrator has disabled public write access.

Changind width css for one @media break 1 month 2 days ago #25346

  • chandandeep
  • chandandeep's Avatar
  • Online
  • Administrator
  • Posts: 3891
  • Thank you received: 595
  • Karma: 101
I do not see your code on jdb-container.

Create a custom.css file in css folder and add your code there. After save the code you need to clear the template.
Path: templates/TEMPLATENAME/css

Thanks,
Chandan
Attachments:
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The administrator has disabled public write access.

Changind width css for one @media break 1 month 2 days ago #25347

  • cybersalt
  • cybersalt's Avatar
  • Offline
  • New Member
  • Posts: 19
  • Karma: 0
I created it, added the code, cleared the cache.

The custom.css file is being called in the head, but it does not look like that is being applied.
Tim Davis
Cybersalt Consulting & Basic Joomla Tutorials
The administrator has disabled public write access.

Changind width css for one @media break 1 month 2 days ago #25348

  • chandandeep
  • chandandeep's Avatar
  • Online
  • Administrator
  • Posts: 3891
  • Thank you received: 595
  • Karma: 101
You missed curly brackets in the code.

@media (min-width: 1200px) {
.jdb-container {
   max-width: 1250px;
}
}
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The administrator has disabled public write access.

Changind width css for one @media break 1 month 2 days ago #25349

  • chandandeep
  • chandandeep's Avatar
  • Online
  • Administrator
  • Posts: 3891
  • Thank you received: 595
  • Karma: 101
Use attached code.
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The administrator has disabled public write access.
Moderators: chandandeep
Time to create page: 0.396 seconds