Jump to content

Archived

This topic is now archived and is closed to further replies.

optimizewise

Need CSS Help Removing Post Meta Info

Recommended Posts

optimizewise

On my websites blog page at:

https://enlightenedowl.com/blog/

I would like to accompish two things and am having trouble.  

1) I would like to remove the "Add Comment" link below each post excerpt since I am not allowing comments on posts.  I thought this would not show up if I didn't have comments permitted through Wordpress discussion settings or through the post itself, but it is still there.  I also deleted everything in the Meta Information field of the WP Loop section already so unless I am missing something this needs to be accomplished via CSS but I don't know how to do that.

2) I find it hard to see the Read More button because it is white on white.  I would like to make it blue with white text.  How can I accomplish this?

Screen shots:

Blog%20-%20Enlightened%20Owl%20Digital%2

Blog%20-%20Enlightened%20Owl%20Digital%2

Thanks so much for the help.

 

Share this post


Link to post
Share on other sites
Danny

Your questions are related to the Voyant theme. Therefore, I have had to move your topic there, as the customisations you're after are related to Voyants own sections.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
optimizewise

Any chance someone could help me out with the CSS to accomplish this?  I don't see Enrique here too much. 

Share this post


Link to post
Share on other sites
Aires

Hi,

Give this a try

.holder a {
    display: none;
}

.section-blog-loop-voyant .pl-new-loop .hentry .continue_reading_link a {
    background-color: #4ABBED;
    color: #FFFFFF;
  }

 

Aires


ndTgvai.jpg

Visit iheartpagelines.com for the latest tutorials on PageLines related products.

 

Share this post


Link to post
Share on other sites
optimizewise

thanks Aires!  Do you know how I can hide the post date too from that section so the only item is the read more button?

Share this post


Link to post
Share on other sites
Aires

I am not at my desk and won't be for sometime but I recall the class for that was

.metabar So something like .metabar { Display: none; }

Should work though you may have to be more specific if it starts to affect other stuff. Sent from my iPhone using Tapatalk


ndTgvai.jpg

Visit iheartpagelines.com for the latest tutorials on PageLines related products.

 

Share this post


Link to post
Share on other sites
optimizewise

Thanks Aires.  That removed the meta info, but it also made the button move over all the way to the left, which isn't what I really want.  Thanks a lot though, one step closer!  

Share this post


Link to post
Share on other sites
Aires

You could add a float right to the read more link Sent from my iPhone using Tapatalk


ndTgvai.jpg

Visit iheartpagelines.com for the latest tutorials on PageLines related products.

 

Share this post


Link to post
Share on other sites
optimizewise

Thanks Aires but that doesn't seem to do it.  Here's what I have:

.section-blog-loop-voyant .pl-new-loop .hentry .continue_reading_link a {
    background-color: #4ABBED;
    color: #FFFFFF;
    float: right;
  }

.metabar { Display: none; }

 

Share this post


Link to post
Share on other sites
Aires

Hi,

Either of this should give you the desired effect

.continue_reading_link.span2 {
    float: right;
}

 

.section-blog-loop-voyant .pl-new-loop .hentry .continue_reading_link {
    float: right;
}

 

 

ndTgvai.jpg

Visit iheartpagelines.com for the latest tutorials on PageLines related products.

 

Share this post


Link to post
Share on other sites
optimizewise

Perfect, thanks again Aires!

Share this post


Link to post
Share on other sites
optimizewise

Hey Aires,

I just noticed that when I include the below CSS you recommended it removes my logo from the header.  When I remove it the changes I wanted still seem to be fine.  Is this piece doing something I may be not seeing?

 

.holder a {
    display: none;
}

 

Thanks!

Share this post


Link to post
Share on other sites
Aires

Hi,

looks like the holder class is used for the nav bar also.

So you might have to get more specific if you want to use that class to target elements. 

~Aires


ndTgvai.jpg

Visit iheartpagelines.com for the latest tutorials on PageLines related products.

 

Share this post


Link to post
Share on other sites

×