The Joomla! Forum ™






Post new topic Reply to topic  [ 5 posts ] 
Author Message
PostPosted: Tue Mar 13, 2012 7:17 pm 
User avatar
Joomla! Intern
Joomla! Intern

Joined: Wed Oct 26, 2011 6:53 pm
Posts: 72
Location: Mostly Northeast Asia
SOLUTION HERE

--------------cut here---------------

I have a problem with paragraphs being indented, looking like this: One em indent with boundary.

I'm using Joomla 2.5 and the Atomic 2.5.0 template. I would like to remove this and have Browser default style paragraphs but cannot find any CSS code that could be causing it.

I looked for the CSS text-indent Property like this:

Quote:
p
{
text-indent:50px;
}


No luck. Does anyone know how to remove it? Thanks!


Last edited by chiappa on Wed Mar 14, 2012 7:09 am, edited 1 time in total.

Top
 Profile  
 
PostPosted: Tue Mar 13, 2012 7:22 pm 
User avatar
Joomla! Ace
Joomla! Ace

Joined: Sat Oct 28, 2006 11:16 pm
Posts: 1051
Location: Texas
in CSS file
Code:
p {
text-indent:0px;
}


inline CSS
Code:
<p style="text-indent:0px;">stuff</p>


Otherwise, you indent might be the result of a javascript.

Use something like firebug to inspect a paragraph element to see if the style is inline, css file or dynamic.

_________________
Honk if this signature offends you.


Top
 Profile  
 
PostPosted: Tue Mar 13, 2012 7:55 pm 
User avatar
Joomla! Intern
Joomla! Intern

Joined: Wed Oct 26, 2011 6:53 pm
Posts: 72
Location: Mostly Northeast Asia
Thanks for the reply.

I had already tried settings p { text-indent:0px; } in typography.css file. I just tested adding <p style="text-indent:0px;">liirun laarum</p> directly to the template index.php file and that worked. But I don't know how that would help me.

Firebug just shows <p>text here</p>

Pretty much all I've done is enabled the default Atomic template, installed JCE...


Top
 Profile  
 
PostPosted: Wed Mar 14, 2012 7:05 am 
User avatar
Joomla! Intern
Joomla! Intern

Joined: Wed Oct 26, 2011 6:53 pm
Posts: 72
Location: Mostly Northeast Asia
Wohoo, found it! This was indeed a Blueprint CSS framework issue.

a CSS file was hiding from me:

Quote:
templates/atomic/css/blueprint/plugins/fancy-type/screen.css


beginning of file:

Code:
/* Indentation instead of line shifts for sibling paragraphs. */
p + p { text-indent:2em; margin-top:-1.5em; }


There is even that margin-top the was fcking up the text. I don't think I even want to ever know why they have that there in the first place. Or do I? :)


Top
 Profile  
 
PostPosted: Wed Jul 11, 2012 11:43 pm 
Joomla! Fledgling
Joomla! Fledgling

Joined: Sat Jun 09, 2012 10:42 am
Posts: 2
Hi, I have been trying to delete that line or at least switch it to zero, but when I refresh the site locally, it still shows. I have even tried deleting the css file, but it still shows in firebug. Did I miss something or is something malfunctioning with xampp? Sorry, just on self study here.


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 5 posts ] 



Who is online

Users browsing this forum: No registered users and 0 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  
Powered by phpBB® Forum Software © phpBB Group