WordPress.org

Ready to get started?Download WordPress

Forums

Removing the indent: Recent Posts (20 posts)

  1. jmichals
    Member
    Posted 2 years ago #

    I have to work with a theme called Ice 3.17.

    When I use the Recent Posts widget in the sidebar, or even the Special Recent Posts plugin, the headline is ok but the actual list of recent blog posts is very indented.

    I looked all through styles.css, but I could not find where to fix this.

    The search box does the same thing: the Search headline is fine, but the contents of the widget (the search form) are indented. Things look sort of like this:

    Blog Posts
    ________Blah blah blah

    Search
    _________[searchbox]

    Can anyone tell me where in the code I can find the fix for this? I would like it to look more like this:

    Blog Posts
    Blah blah blah

    Search
    [searchbox]

    Thank you!

  2. alchymyth
    The Sweeper & Moderator
    Posted 2 years ago #

    please use a web tool such as firebug to investigate these kind of formatting problems - http://getfirebug.com/

    or at least post a link to your site.

  3. jmichals
    Member
    Posted 2 years ago #

    The site is: http://doranandmurphy.com/

    The problem is the way the posts display under Attorney Blog on the sidebar.

    Thank you.

  4. jmichals
    Member
    Posted 2 years ago #

    Does anybody have any ideas?

  5. esmi
    Forum Moderator
    Posted 2 years ago #

    Have you tried using Firebug yet?

  6. jmichals
    Member
    Posted 2 years ago #

    No, I think the theme is okay, it's just that the people who have the site don't like the way the Recent Posts display, with a large indent. I think the theme is probably built to do that, and I just need someone to point me in the direction of where I would find the code to change it, and how.

    Any help would be much appreciated.

  7. esmi
    Forum Moderator
    Posted 2 years ago #

    Then I suggest you use Firebug and start tweaking the CSS on the recent posts.

  8. jmichals
    Member
    Posted 2 years ago #

    But where do I find the code? I don't even know where to look. Is it in the stylesheet, functions.php, or right_sidebar.php. I really don't have a clue where it would be. Do you have any ideas?

  9. esmi
    Forum Moderator
    Posted 2 years ago #

    That's what Firebug is for.

  10. jmichals
    Member
    Posted 2 years ago #

    Ok, thanks, I'll see what I can find with it.

  11. jmichals
    Member
    Posted 2 years ago #

    Ok, well it highlights the entire sidebar widget area under Attorney Blog when I mouseover the "ul" below, in Firebug:

    <div id="wdg_specialrecentposts-3" class="widget Special Recent Posts">
    <h2>Attorney Blog</h2>
    <ul>
    </div>

    I've seen the ul many times when I was poking through the code. How do I put 2 and 2 together and find where this happens in the stylesheet or the .php files in the theme, and change it so it does not indent so much?

    Is it something to do with changing the settings of an unordered list?

  12. esmi
    Forum Moderator
    Posted 2 years ago #

    This is a CSS issue - so you need to make changes to the theme's stylesheet.

    CSS Tutorials
    Learning CSS

  13. jmichals
    Member
    Posted 2 years ago #

    Ok, thank you very much.

    The problem is that I experimented with the stylesheet many times and was not able to do what I needed. I am not experienced with CSS.

    Are there any clues you know of, as to where I might find how to remove the indent? I looked at many margin and padding settings but to no luck.

  14. esmi
    Forum Moderator
    Posted 2 years ago #

    As I said earlier, that's what Firebug is for. If you cannot manage this yourself, you may want to consider hiring someone.

  15. jmichals
    Member
    Posted 2 years ago #

    Ok, I'll keep looking. Thank you.

    If anyone else has experience with the Ice theme I would much appreciate it.

  16. JarretC
    Member
    Posted 2 years ago #

    Target the indentation in your CSS with...

    .widget ul { margin-left: -35px; }

    This will get it close, tested only in Chrome...your results in other browsers may vary.

  17. jmichals
    Member
    Posted 2 years ago #

    Oh...wow...thank you very much JarretC.

    That would have taken me a long long time to figure out, if ever.

    Thank you!

  18. jmichals
    Member
    Posted 2 years ago #

    I also noticed that after I click a blog post, at the bottom of the post there is a section that says Possibly Related. I looked at the code and it is inserting two spaces before it posts anything of value.

    It does this twice:

    <p>&nbsp</p>
    <p>&nbsp</p>

    Do you have any idea how I might get rid of this strange occurence?

    Thanks again.

  19. JarretC
    Member
    Posted 2 years ago #

    Has something to do with the theme, I'd look around in your files for that particular area and see if you can find out what is causing the issue.

  20. jmichals
    Member
    Posted 2 years ago #

    Ah yes, thank you, you were right, it was in single.php.

Topic Closed

This topic has been closed to new replies.

About this Topic