Poly theme – respacing text within modules

  • Unknown's avatar
    paulmurf · Member ·

    Hi there,

    I’m having great fun building my first WP site and have found the posts on these forums really useful in tweaking the CSS on my site.

    My site is paulmurphydesign.wordpress.com and I’m using the Poly premium theme.

    I’ve been able to remove the post format icons and post date and hide the read more link. I’m left with a slight aesthetic problem on the homepage – where the read more link would appear in each module there is an extra line break. I’ve spent a few hours searching the forums for a solution but can’t find anything that works.

    Could anyone help me to either remove this extra space or reduce the height of the affected modules so that the category tags sit a bit closer to the post title please?

    Thanks!

    Paul.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    rachelsquirrel · Member ·

    Hi Paulmurf,

    Can you post the CSS you’re using? I’ve had a quick look and at first glance I’m guessing you’ve used something like this to remove the read more link?

    .more-link-wrapper {
	display: none;
}
  • Unknown's avatar
    paulmurf · Member ·

    Hi rachelsquirrel,

    Thanks for replying.

    This is the sum total of CSS revisions I’m using:

    .entry-format-badge {
	display: none !important;
}

.entry-meta .date-meta {
	display: none;
}

.entry-content .more-link {
	display: none;
}

    Thanks!

  • Unknown's avatar
    rachelsquirrel · Member ·

    Hi Paulmurf,

    I think there might be an H5 tag adding in the extra space. See whether adding this to your CSS makes a difference:

    .entry-content h5 {
	display: none;
}
  • Unknown's avatar
    paulmurf · Member ·

    Hi rachelsquirrel,

    Thanks so much for your help.

    I’m afraid it’s not an h5 tag. I’ve added 2 posts at the top of my site to demonstrate what’s happening. The only difference between them is that one has a read more link, the other doesn’t. As you can see, the module with the read more link has that extra space introduced at the bottom.

    It seems like the theme is still leaving a space where the read more link should be.

  • Unknown's avatar
    rachelsquirrel · Member ·

    Hi Paulmurf,

    The image & read more module has a p tag and I notice at least one of the others has an h4 tag. When I view the source for your page, I see this after the entry-content class:

    <div class="entry-content">
		<p><span class="more-link-wrapper"> <a href="http://paulmurphydesign.wordpress.com/2014/04/15/featured-image-read-more/#more-461" class="more-link">Continue reading <span class="meta-nav">&rarr;</span></a></span></p>

    I can’t really test it out other than by downloading the source and trying it locally because yours is a premium theme which I don’t have. But I’ve included the following in the downloaded source code and it removed the space for me:

    .entry-content p, h4, h5 {
	display: none;
}

    If it’s not working for you then I’m not sure why, sorry. Can you confirm that this doesn’t work? If not, I’ll have a bit more of a think about it and maybe someone else has a solution.

  • Unknown's avatar
    paulmurf · Member ·

    Hi rachelsquirrel,

    You’re absolutely right – that does remove the problem of the extra space but obviously it removes my text as well. I’m a bit confused because I can’t see the p tag when I go to html text view in the WP post editor. Is there any way I can tidy up these formatting tags on a case by case basis?

    Thanks!

  • Unknown's avatar
    rachelsquirrel · Member ·

    Hi Paulmurf,

    Ok, I understand. You can’t remove those tags in the editor but you do have a bit of control over the styling of your text. There’s a toolbar toggle in the editor which when selected, will let you style the text as a paragraph or heading amongst other things. You could style that text as heading 6 and then it will not disappear with the extra CSS. Although you might then need to style heading 6 to make it look how you’d like.

  • Unknown's avatar
    paulmurf · Member ·

    Thanks rachelsquirrel. I’ll have a go at restyling it.

    Thanks so much for your time and advice.

  • Unknown's avatar
    rachelsquirrel · Member ·

    No problem. Let me know if you have any luck.

  • Unknown's avatar
    paulmurf · Member ·

    Hi rachelsquirrel,

    Just to let you know that your diagnosis was correct! It seems that the WP editor insists on assigning <p> tags to everything, including the read more link, and it was this that was throwing out the spacing. I’ve got around it by assigning an unused style to the more link and removing that style in CSS, as suggested by yourself. Thanks very much for your help on this.

    Cheers,

    Paul.

  • Unknown's avatar
    rachelsquirrel · Member ·

    Thats excellent! Thanks for letting me know. Your site looks great. Happy blogging.

  • The topic ‘Poly theme – respacing text within modules’ is closed to new replies.