Joomla Templates Club 406,261 posts

[tomkatstudios Friend tomkatstudiosJoin date: July 2009Posts: 25Downloads:0Uploads:3 Thanks: 16 Thanked: 1 times in 1 posts]

#163835

Hello,
First off, thank you all for a great product! Really appreciate what you guys provide, I love joomla-art! Can’t wait to get it dialed in!

I’ve looked and am unable to find this already answered, so apologies if this is painfully redundant.

I’m attempting to get a margin on the column ‘content-main’ or “content” on the home page at http://www.atlas-stands.com

In looking at it closer, I notice that the demo-droid template here at joomla-art has the same issue… The Featured Article (Welcome to JA Droid) renders the same way, with the right side of the text getting ‘cut-off’.

Any help would be greatly appreciated!

Once again, thanks for a great product you guys!
-matthew thomas

---

Attachments:

1. 

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#390712

Change this::

.article_row {template.css (line 157)
border-bottom: 3px solid #CBD0E2;
margin-bottom: 10px;
padding-bottom: 10px;
}

to

.article_row {template.css (line 157)
border-bottom: 3px solid #CBD0E2;
margin-bottom: 10px;
margin-right:20px;
padding-bottom: 10px;
}

and adjust value accordingly

Css file reference: http://www.atlas-stands.com/templates/ja_droid/css/template.css

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#390715

Hi,

Thank you for reporting this.
Please make the following changes to fix this. Open template.css and remove <blockquote>.article_column {
padding-left: 10px;
padding-right: 30px;
}</blockquote> from line 163.

Then in layout.css line 51, find <blockquote>.article_column .contentpaneopen {
padding-left: 0px;
} </blockquote> and replace padding-left: 0px; with padding-left:10px; padding-right:10px;

This will solve your problem.

1 user says Thank You to himangi for this useful post

1. tomkatstudios

[tomkatstudios Friend tomkatstudiosJoin date: July 2009Posts: 25Downloads:0Uploads:3 Thanks: 16 Thanked: 1 times in 1 posts]

#390813

Thank you for your help, I really appreciate it!

Within the layout.css file, just below “.article_column .contentpaneopen”

there is a section of code titled “.article_row”(line59) I changed the margin-left and margin-right to 0, and that got it…

thanks again!
-matthew

[tomkatstudios Friend tomkatstudiosJoin date: July 2009Posts: 25Downloads:0Uploads:3 Thanks: 16 Thanked: 1 times in 1 posts]

#390841

Umm, I’m seeing a weird spacing on the homepage now… (please see attachment) Any advice on how to correct this? I am so far unable to figure this out… I have followed Himangi’s advice above, and then the line59 change in layout.css as well…

Any help would be greatly appreciated…
-matthew

Joomla 1.6, http://www.atlas-stands.com

---

Attachments:

1. 

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#390881

Hi,

I am not sure why that happened if you havent changed anything else in any css. But I observed 2 things. First is I dont see the changes I had suggested you in the css. May be that is because of JAT3 cache. Secondly if you remove float:left from #ja-mainbody from layout.css line 68, then your problem gets solved..

Please check and confirm that it works.

1 user says Thank You to himangi for this useful post

1. tomkatstudios

[tomkatstudios Friend tomkatstudiosJoin date: July 2009Posts: 25Downloads:0Uploads:3 Thanks: 16 Thanked: 1 times in 1 posts]

#390903

I removed the float:left from liine 68 in layout.css… It didn’t work unfortunately…

I have made all the changes Himangi has suggested, not sure why they’re not showing up… JAT3 cache? Is there a place/way to clear this cache?

Any other suggestions?
Thank you for help I really do appreciate it…
-matthew

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#390934

Hi,

I have made following changes in your layout.css and fixed the issue.
changed padding from 0 to 10px in the following
<blockquote>.article_column .contentpaneopen {
/* for article columns, we only need to add margin or padding to this div */
padding-left: 10px; padding-right: 10px;
}</blockquote>

Changed padding left and right from 0 to -10px in the following
<blockquote>.article_row {
/* minus the spacing of the article row to macth with the Gutter & global grid */
margin-left: -10px;
margin-right: -10px;
margin-bottom: 15px;
padding-bottom: 15px;
}</blockquote>

Changed padding from 5 to 0px and added float:left in the following
<blockquote>#ja-mainbody { padding-left: 0px; padding-right: 0px; float:left; }</blockquote>

That have fixed all your issues. Please check and confirm.

1 user says Thank You to himangi for this useful post

1. tomkatstudios

[tomkatstudios Friend tomkatstudiosJoin date: July 2009Posts: 25Downloads:0Uploads:3 Thanks: 16 Thanked: 1 times in 1 posts]

#390971

YES! 🙂 THANK YOU Himangi! Thank you Joomla Art!
-matthew

[Author]

Posts