Text flush with left margin

Need help with the Administration of your Joomla! 3.x site? This is the spot for you.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Windows Defender SmartScreen Issues <-- please read this if using Windows 10.
Locked
lillianfidler
Joomla! Explorer
Joomla! Explorer
Posts: 414
Joined: Mon Mar 31, 2008 8:28 pm
Location: St. John's, Newfoundland, Canada
Contact:

Text flush with left margin

Post by lillianfidler » Thu Aug 23, 2018 5:28 pm

Hi:

I'm attaching a screenshot. On the homepage of my website, the body text is fine and there is a margin between the left side and the text. However on the subpages, the text is tight up to the left margin. How can I create a margin there? And perhaps a bit more of a margin on the right as well.
You do not have the required permissions to view the files attached to this post.

User avatar
Webdongle
Joomla! Master
Joomla! Master
Posts: 44089
Joined: Sat Apr 05, 2008 9:58 pm

Re: Text flush with left margin

Post by Webdongle » Thu Aug 23, 2018 6:08 pm

View in firefox
Right click the area
Select to inspect element
View the css
Look at https://www.w3schools.com/css/css_padding.asp
Temporary edit the css in firefox
When you are happy with the code then edit the relevant css file or add it to a custom css file.
http://www.weblinksonline.co.uk/
https://www.weblinksonline.co.uk/updating-joomla.html
"When I'm right no one remembers but when I'm wrong no one forgets".

lillianfidler
Joomla! Explorer
Joomla! Explorer
Posts: 414
Joined: Mon Mar 31, 2008 8:28 pm
Location: St. John's, Newfoundland, Canada
Contact:

Re: Text flush with left margin

Post by lillianfidler » Thu Aug 23, 2018 6:17 pm

That would seem to make sense, but I tried every css and added the padding-left but it didn't take.

User avatar
Webdongle
Joomla! Master
Joomla! Master
Posts: 44089
Joined: Sat Apr 05, 2008 9:58 pm

Re: Text flush with left margin

Post by Webdongle » Thu Aug 23, 2018 7:13 pm

url please
http://www.weblinksonline.co.uk/
https://www.weblinksonline.co.uk/updating-joomla.html
"When I'm right no one remembers but when I'm wrong no one forgets".

lillianfidler
Joomla! Explorer
Joomla! Explorer
Posts: 414
Joined: Mon Mar 31, 2008 8:28 pm
Location: St. John's, Newfoundland, Canada
Contact:

Re: Text flush with left margin

Post by lillianfidler » Fri Aug 24, 2018 10:34 am

centralwellness.dreamhosters.com

User avatar
Webdongle
Joomla! Master
Joomla! Master
Posts: 44089
Joined: Sat Apr 05, 2008 9:58 pm

Re: Text flush with left margin

Post by Webdongle » Fri Aug 24, 2018 1:20 pm

Use firefox and add the line in the css (shown below) for a temporary edit.
padding 03.JPG
You do not have the required permissions to view the files attached to this post.
http://www.weblinksonline.co.uk/
https://www.weblinksonline.co.uk/updating-joomla.html
"When I'm right no one remembers but when I'm wrong no one forgets".

lillianfidler
Joomla! Explorer
Joomla! Explorer
Posts: 414
Joined: Mon Mar 31, 2008 8:28 pm
Location: St. John's, Newfoundland, Canada
Contact:

Re: Text flush with left margin

Post by lillianfidler » Fri Aug 24, 2018 1:38 pm

Thanks so much for taking the time to point that out. Works perfectly, of course!

User avatar
Webdongle
Joomla! Master
Joomla! Master
Posts: 44089
Joined: Sat Apr 05, 2008 9:58 pm

Re: Text flush with left margin

Post by Webdongle » Fri Aug 24, 2018 3:11 pm

Now you need to edit the css file so the change is permanent.
http://www.weblinksonline.co.uk/
https://www.weblinksonline.co.uk/updating-joomla.html
"When I'm right no one remembers but when I'm wrong no one forgets".

SharkyKZ
Joomla! Hero
Joomla! Hero
Posts: 2903
Joined: Fri Jul 05, 2013 10:35 am
Location: Parts Unknown

Re: Text flush with left margin

Post by SharkyKZ » Fri Aug 24, 2018 3:42 pm

Instead of adding padding, you should remove negative margin. I.e. remove .row styling from your_css.css.

User avatar
Webdongle
Joomla! Master
Joomla! Master
Posts: 44089
Joined: Sat Apr 05, 2008 9:58 pm

Re: Text flush with left margin

Post by Webdongle » Fri Aug 24, 2018 4:17 pm

Yep try that in firefox. Or define .content-main-inner in your css file and give it a value by editing it in firefox.
http://www.weblinksonline.co.uk/
https://www.weblinksonline.co.uk/updating-joomla.html
"When I'm right no one remembers but when I'm wrong no one forgets".


Locked

Return to “Administration Joomla! 3.x”