Community Forums › Forums › Archived Forums › Design Tips and Tricks › Trying to locate "text-indent" code location to adjust indent
Tagged: formatting, indentation, inspect, p tags
- This topic has 5 replies, 2 voices, and was last updated 6 years, 7 months ago by
Doug.
-
AuthorPosts
-
August 1, 2018 at 10:41 am #222155
Doug
ParticipantOn all my Page and Posts, any content with a <p tag of any form (including meta data) is indenting.
Using Inspect, I found the following section of code, which when I deselect "text-indent: 80px;" the indent problem goes away.
p {
text-align: left;
font-size: 16px;
text-indent: 80px;
}I'm just not able to find that text-indent piece of code in Style.css, or any of the other pages in Appearance > Edit
In the Style section of Inspect, that code seems to be within:
element.style {
}However, I haven't been able to find that code in any source docs either.
I am able to find that code in View Source, but not able to figure out where to change it.
view-source:http://arrovox.com/2018/07/30/ep-02-synthetic-voice-personality-parameters/This is a common problem I run into: Going from finding the code in Inspect to where it is in WordPress or Genesis.
Any help or suggestions on where to find and edit this code greatly appreciated.
thanks
http://arrovox.com/2018/07/30/ep-02-synthetic-voice-personality-parameters/
dougAugust 1, 2018 at 8:57 pm #222157Victor Font
ModeratorSomething is wrong with your HTML. The text index is inline CSS, but viewing the source code, it's below the footer-widget are, which is an odd location for inline CSS.
Also, you have 2 closing body tags. The first closing body tag is above the site footer. The second is where it is supposed to me.
You'll need to find out why your HTML is messed up first before you can fix any CSS. I would look in your footer widget first since the bad code seems like it may be related.
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?August 1, 2018 at 10:11 pm #222159Doug
ParticipantUg, but thank you very much, Victor. That gives me great direction.
August 1, 2018 at 10:34 pm #222160Doug
ParticipantThat was fantastic input, Victor. The footer had a custom HTML widget with the code below, which I removed and the problem went away.
The code below is CSS, right? Should I not use CSS in the Custom HTML widget? OK in the text widget?
thanks
doug<body>
<style>
p {
text-align: left;
font-size: 16px;
text-indent: 80px;
}
</style>
<p> Arrovox, LLC</p>
<p> Los Angeles, CA USA</p><p align="center">Contact: [email protected]</p>
</body>August 2, 2018 at 9:57 am #222173Victor Font
ModeratorYou can use custom HTML in a widget. That's what widgets are for. Your custom HTML example above is wrong though. The is only one body tag on an HTML page. The body tags wrap ALL of the content on a page, including widgets. The Genesis Framework does this for you.
Styles belong in the header or footer, not within the content of widget.
All you need in the custom HTML widget is:
<p> Arrovox, LLC</p> <p> Los Angeles, CA USA</p> <p align="center">Contact: [email protected]</p>
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?August 2, 2018 at 2:06 pm #222182Doug
ParticipantThank you. Worked great and I'm using the custom HTML box, and added a bit of style (reduced the size a bit).
-
AuthorPosts
- The topic ‘Trying to locate "text-indent" code location to adjust indent’ is closed to new replies.