Archived

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

  • 0

Resolved Letters Section Customizations


Question

Posted · Report post

Anyone know how I can change the Button color and/or remove the button from appearing on my Posts Page?

Ideally, I do not want a button stating, "Full Article" below my post title & image.

Thanks.

Share this post


Link to post
Share on other sites

33 answers to this question

Posted · Report post

That's a good call Danny. After removing my other CSS as you request, your solution works perfect.

I'm really not sure where I got the older custom code, or why I put it in there :huh: I thought it was responsible for the menu background coloring. But, after removing it and the simple css plugin, there seems to be no effect to my menu style.

Anyhow, Thank you for resolving this conundrum.

Thanks to everyone who jumped in to help me with this customization.

I will likely leave out that other coding and only use Danny's code.

Share this post


Link to post
Share on other sites

Posted · Report post

The topic was marked as resolved.

Share this post


Link to post
Share on other sites

Posted · Report post

The topic was marked as resolved.

Share this post


Link to post
Share on other sites

Posted · Report post

Hey Danny, that works great for you. However, the code does not appear to be working on my site. I emptied Safari Cache and reloaded the page several times, still not appearing to work for me.

This is what my Custom CSS/less looks like:

body{}

und: darken(@pl-base,20); box-shadow:none;}#nav { background-color: #f7f7f7;}

.navigation_wrap { border-bottom: 0 none !important; }

.main-nav li a:hover,

.main-nav .current-menu-ancestor .current_page_item a:hover,

.main-nav li.current-menu-ancestor ul a:hover { background-color: #FFF; color: #21a2e8; }

#pagelines-letters .continue-link {

display: none;

}

Share this post


Link to post
Share on other sites

Posted · Report post


und: darken(@pl-base,20); box-shadow:none;}#nav { background-color: #f7f7f7;}

^ This code needs to be separated into different lines like:

und: darken(@pl-base,20); box-shadow:none;}

#nav { background-color: #f7f7f7;}

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks Danny, but this code is not removing the buttons.

Share this post


Link to post
Share on other sites

Posted · Report post

AH my bad, add this instead:


#pagelines-letters .continue-link {
display: none;
}[/CODE]

Share this post


Link to post
Share on other sites

Posted · Report post

Ok, thanks for the tiding up Catrina. Good look'n out :)

Share this post


Link to post
Share on other sites

Posted · Report post

No problem.

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks Danny, That does not appear to be working either.

Share this post


Link to post
Share on other sites

Posted · Report post

Can you please post a link to your site?

Share this post


Link to post
Share on other sites

Posted · Report post

Please try adding this code instead:

p.letters-excerpt {display: none;}[/CODE]

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks Catrina, that does not appear to work either.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi,

Add the following CSS to hide the Full Article button.


.blog .continue-link.btn.btn-primary.btn-mini {
display: none;
}[/CODE]

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Dustin

Surely this will not work, but you could try please..

#pagelines-letters .continue-link {

display: none !important;}

Share this post


Link to post
Share on other sites

Posted · Report post

Tried it Batman, as you thought, not working.

Share this post


Link to post
Share on other sites

Posted · Report post


.letters-excerpt a {
display: none;
}
[/CODE]

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks Rob, that does not appear to work either.

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks Simon, not appearing to work :unsure:

Share this post


Link to post
Share on other sites

Posted · Report post

I dont see any of the suggested css anywhere on your site.

Share this post


Link to post
Share on other sites

Posted · Report post

Can you remove all custom CSS except for the code I have provided please and see if this resolves the issue.

http://screencast.com/t/ClS1KQxA8SC

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Dustin

Please, you can try with:

.pl-letters-container p { display: none;}

Share this post


Link to post
Share on other sites

Posted · Report post

Hi there try


#letters-content .btn-primary .btn-mini .btn {

    display: none;

}

Share this post


Link to post
Share on other sites