Joomla Templates Club 406,261 posts

[potts Friend pottsJoin date: December 2013Posts: 50Downloads:0Uploads:11 Thanks: 30 Thanked: 4 times in 1 posts]

#193554

ANYONE KNOW HOW I CAN WIDEN FRONT PAGE ARTICLE WIDTH?

I DON’T KNOW IF THIS IS ANOTHER GLITCH and here’s why:

Ja Travel Template made it into the more secure Joomla 3.2 (it broke & was restored with some solved glitches but so far so good).

Am afraid to tamper with the .css any more than I have because I just learned that the template is not fully compatible with J3.2.

Need however, to WIDEN the FRONT PAGE article so the image doesn’t reduce to a tiny size to the left and there isn’t a BIG space between article and left side mods. The rest of site is fine and article sizes are as they should be.

Is it in template.css or somewhere else? Like the template default info area in Admin:

<blocks name=”middle” colwidth=”10″ fixheight=”1″>
<block name=”content-mass-top”>content-mass-top</block>
<block name=”content-mass-bottom”>content-mass-bottom</block>
<block name=”content-top” type=”modules”>content-top</block>
<block name=”content-bottom” type=”modules” style=”raw”>content-bot</block>
<block name=”left-mass-top”>left-mass-top</block>
<block name=”left1″>left</block>
<block name=”left2″>right</block>
</blocks>

Thank you for any help! 🙂

---

Attachments:

1. 

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#517745

On JA Travel template, the width of content article depends on the width of mainbody (body.bd .main). So the template layout will change dramatically on both slideshow, footer and mainbody section.

A work around for this is to increase the blog image width and reduce the full text area of article so that the blog images can be displayed in bigger size. In template.css, you can look for and replaces the following rules:


.blog-image img.img-border, .blog-image img {
float: none;
margin: 0 0 0 11px;
max-height: 100px;
max-width: 150px;
}

.blog-featured .contentpaneopen.haveimage .blogitem {
float: left;
margin-left: 175px;
min-height: 100px;
padding: 0 10px;
}

with:

.blog-image img.img-border, .blog-image img {
float: none;
margin: 0 0 0 11px;
max-height: 150px;
max-width: 230px;
width: 100%;
}

.blog-featured .contentpaneopen.haveimage .blogitem {
float: left;
margin-left: 245px;
min-height: 100px;
padding: 0 10px;
}

Remember to clear JAT3 cache after updating those changes. Hope that helps.

1 user says Thank You to phong nam for this useful post

1. potts

[potts Friend pottsJoin date: December 2013Posts: 50Downloads:0Uploads:11 Thanks: 30 Thanked: 4 times in 1 posts]

#517834

I’m currently experiencing big problems with Ja Travel in Joomla 3.2 so I cannot try this until I place site into 3.1.5 environment – the only one recommended by the devs I just learned.

But thank you. I will try and repost back and THANK YOU for taking the time for those answers. :):)

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#517842

You are welcome, potts 🙂

[Author]

Posts