Joomla Templates Club 406,261 posts

[seaneo Friend seaneoJoin date: December 2009Posts: 421Downloads:4Uploads:49 Thanks: 244 Thanked: 12 times in 1 posts]

#183614

Hello

at http://173.254.15.37

..how do I insert a few pixels to the left of the text in an article preview, so the text does not line up exactly with the colored edge, as shown at this graphic?

http://easycaptures.com/fs/uploaded/503/7427967622.jpg

..also, in an actual article, how do the same?

http://easycaptures.com/fs/uploaded/503/0981338174.jpg

many thanks!

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#478335

So that I can try to assist you, please provide the url of the site you’re working on,
as well as set “Optimize CSS” to “No” within your Template Manager–General settings

1 user says Thank You to TomC for this useful post

1. seaneo

[seaneo Friend seaneoJoin date: December 2009Posts: 421Downloads:4Uploads:49 Thanks: 244 Thanked: 12 times in 1 posts]

#478336

Hi Tom,

The site URL is:

http://173.254.15.37

Sorry but I could not locate that setting anywhere – can you tell me , in a different way, where it is?

thanks!

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#478337

Try this . . . .

Within file path –> /templates/ja_wall/themes/minimalist/css/theme.css

at line 467, you will see the following:

.item .item-main {
background: none repeat scroll 0 0 #FFFFCC
padding: 0
}

add a “padding-left” property to the rule, for example . . . .

.item .item-main {
background: none repeat scroll 0 0 #FFFFCC
padding-left: 5px;
}

You can, of course, play around with the pixel value until you arrive at the desired indentation.

Hope That Helps

1 user says Thank You to TomC for this useful post

1. seaneo

[seaneo Friend seaneoJoin date: December 2009Posts: 421Downloads:4Uploads:49 Thanks: 244 Thanked: 12 times in 1 posts]

#478344

Thanks Tom – before I try this, I notice that the code in that file on my server at line 467 is

.item .item-main {
padding: 0;
background: #ffffcc
}

..which differs a little from what you showed.

Should I worried about that? I am on 1.05 still because I saw some possible related problems with 1.06 and 1.07 upgrade and so have not upgraded yet

your thoughts?

Also, will this tweak also fix my challenge with the article preview on the home page or will it just address the article?

thanks in advance,

[arucardx Friend arucardxJoin date: July 2010Posts: 346Downloads:0Uploads:10 Thanks: 21 Thanked: 138 times in 104 posts]

#478352

Just change your code to this then.

.item .item-main {
padding: 0 0 0 5;
background: #ffffcc
}

The order of the padding value is “top, right, bottom, left”.

1 user says Thank You to arucardx for this useful post

1. seaneo

[seaneo Friend seaneoJoin date: December 2009Posts: 421Downloads:4Uploads:49 Thanks: 244 Thanked: 12 times in 1 posts]

#478439

Ok I did it thanks- and by the way it seems no matter whether I use 5, 3, or 2 as that last number (for the left), it seems to put about 4 pixels no matter what. Is that what you see also? at http://173.254.15.37

How about the articles themselves? which code to affect to create a slight indent?

many thanks

[Wall Crasher Developer Wall CrasherJoin date: December 2011Posts: 1113Downloads:0Uploads:15 Thanks: 66 Thanked: 361 times in 300 posts]

#478533

Hi seaneo,

You may try this

Open file templates/ja_wall/css/template.css line 1917

.item-page {
background-color: #FFC
padding: 10px; /* change the value here just like above */
}


Hope it helps. :laugh:

Regards

1 user says Thank You to Wall Crasher for this useful post

1. seaneo

[seaneo Friend seaneoJoin date: December 2009Posts: 421Downloads:4Uploads:49 Thanks: 244 Thanked: 12 times in 1 posts]

#478553

got it, did it, done, thank you

[seaneo Friend seaneoJoin date: December 2009Posts: 421Downloads:4Uploads:49 Thanks: 244 Thanked: 12 times in 1 posts]

#479259

just a follow up to post # 6 on this thread…

I am using :


.item .item-main {
padding: 0 0 0 1;
background: #ffffcc
}


but my measuring tool shows about a 12 pixel indent when really I only want a 5 pixel indent.

But no matter whether I use 1 or 5 it still puts a 12 pixel indent.

Any ideas?

thank you

[Wall Crasher Developer Wall CrasherJoin date: December 2011Posts: 1113Downloads:0Uploads:15 Thanks: 66 Thanked: 361 times in 300 posts]

#479333

Hi seaneo,

For your current site, please make change at
template.css line 180

.item .item-main {
padding: 15px 15px 0; /* change the second 15px value*/
}

Just wonder if it meet your need.

Regards

1 user says Thank You to Wall Crasher for this useful post

1. seaneo

[seaneo Friend seaneoJoin date: December 2009Posts: 421Downloads:4Uploads:49 Thanks: 244 Thanked: 12 times in 1 posts]

#479509

Hi Wall Crasher,

I don’t have such syntax near line 180 – I am on version 1.5 still

see this:
http://easycaptures.com/0610110507

What could I change from here to fix the problem?

Many thanks

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#479531

<em>@seaneo 354855 wrote:</em><blockquote>Hi Wall Crasher,

I don’t have such syntax near line 180 – I am on version 1.5 still

see this:
http://easycaptures.com/0610110507

What could I change from here to fix the problem?

Many thanks</blockquote>

Hi seaneo,

You’re looking at the wrong css file. look in template.css at line 180 not theme.css :p

🙂

Site is looking good! Well done.

---

Attachments:

1. 

2 users say Thank You to swissa for this useful post

1. Wall Crasher
2. seaneo

[seaneo Friend seaneoJoin date: December 2009Posts: 421Downloads:4Uploads:49 Thanks: 244 Thanked: 12 times in 1 posts]

#479637

oops – sorry Wall Crasher and thanks Swissa! – all done and taken care of, and thanks for the word!

[Author]

Posts