• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Trying to locate "text-indent" code location to adjust indent

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Trying to locate "text-indent" code location to adjust indent

This topic is: resolved

Tagged: formatting, indentation, inspect, p tags

  • This topic has 5 replies, 2 voices, and was last updated 4 years, 7 months ago by Doug.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 1, 2018 at 10:41 am #222155
    Doug
    Participant

    On 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
    doug

    http://arrovox.com/2018/07/30/ep-02-synthetic-voice-personality-parameters/
    August 1, 2018 at 8:57 pm #222157
    Victor Font
    Moderator

    Something 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 #222159
    Doug
    Participant

    Ug, but thank you very much, Victor. That gives me great direction.

    August 1, 2018 at 10:34 pm #222160
    Doug
    Participant

    That 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 #222173
    Victor Font
    Moderator

    You 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 #222182
    Doug
    Participant

    Thank you. Worked great and I'm using the custom HTML box, and added a bit of style (reduced the size a bit).

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Trying to locate "text-indent" code location to adjust indent’ is closed to new replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble