Joomla Templates Club 406,261 posts

[conticreative Friend conticreativeJoin date: February 2013Posts: 9Downloads:4Uploads:1]

#187113

In Ja Mitius the width of the left column (span4 in the css) is too wide for my purposes.

In the widest responsive layoutI would like to reduce the size of the left column (or position-7 position-5) to 284px from the original 372px and widen the content area respectively.

The corresponding CSS is embedded in the plugin area and I haven’t been able to override it.

The original code is

@media (min-width: 1200px)
.span4 {
width: 372px;
}

and for the narrower left column is:

@media (max-width: 1199px) and (min-width: 980px)
.span4 {
width: 284px;
}

Essentially I would like to create an override that allowed me to do that. Is it possible?

Thank you.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#491452

If custom.css file doesn’t exist you can create it in templates/ja_mitius/css path.

And then you can add new script codes to it.

[conticreative Friend conticreativeJoin date: February 2013Posts: 9Downloads:4Uploads:1]

#491592

<em>@Ninja Lead 371006 wrote:</em><blockquote>If custom.css file doesn’t exist you can create it in templates/ja_mitius/css path.

And then you can add new script codes to it.</blockquote>

That wasn’t my question since I already have a custom.css file. But I figured out how to transfer the css to the custom file so it works.
Sorry, it would take to long to explain here, but it involves copying the css from firebug and writing it in custom.css. Just make sure your parenthesis are correct.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#491650

This is correct

@media (max-width: 1199px) and (min-width: 980px) {
.span4 {
width: 284px;
}
}

[Author]

Posts