Jump to content
Sign in to follow this  
jasonlioh

Remove Excerpt from Feature Box

Recommended Posts

catrina    103
catrina

To get rid of that line, please add this code to Site Options > Custom Code > Custom CSS:

#page #feature_slider .text-bottom .fcontent .fheading {background: none !important;}

To get rid of the excerpt, just don't enter any text for the slide.


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
jasonlioh    0
jasonlioh

The code didn't work. 

I didn't type anything in the excerpt option. The feature box automatically grabs the first 55 words as the excerpt. 

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there, yes that will be generated by the first words of the excerpt. You can use css to hide the text on the slider though, in firebug or chrome look for an area classes fcontent or textbottom like in Catrina's example above. Change the display property on either of those classes to display:none to see which gives the effect to hide the text you wanted.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
jasonlioh    0
jasonlioh

Base on Inspect Element, it should be div.ftext, but I don't think my codes are working. 
 

#page #feature_slider .text-bottom .fcontent .fheading #ftext {background: none;}

 

Advice?

Share this post


Link to post
Share on other sites
James B    436
James B

If you want to hide the text it would be

 

.ftext {display:none;}
 

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
jasonlioh    0
jasonlioh

Ah, that code works alright, but it also removes the "Continue Reading..." link which then renders the Feature Box useless as it doesn't link back to the post. 

 

:(

 

Any idea or if it's possible to remove the excerpt but keep the "Continue Reading..." button? 

 

From Inspect Element, I think it should just the "p" but under ftext.  

 

 

 

http://jasonlioh.com/upload/Screen%20Shot%202013-04-02%20at%201.04.08%20PM.png

Edited by jasonlioh (see edit history)

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

 

To remove the text only, you will need to use the following code.

 

 

#site .fexcerpt {
display: none;
}

However, in future, I recommend using Firebug or your browsers built-in web dev tools and inspect the element you wish to customise, to find the correct code.

 

For assistance visit our custom CSS documentation - http://support.pagelines.me/docs/customization/custom-css/


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
jasonlioh    0
jasonlioh

Hi Danny, 

 

Your codes work! Thanks. Any idea about that tiny line that appears in between the title and excerpt? 

 

Thank you. Shall check that out later. 

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Unfortunately, our staff aren't actually allowed to provide custom CSS and have already gone beyond what we are allowed by providing the above custom CSS. I recommend you inspect your site using Firebug or your browsers built-in web dev tools, to find the correct code.

 

For assistance visit our custom CSS documentation - http://support.pagelines.me/docs/customization/custom-css/


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
jasonlioh    0
jasonlioh

Danny, alright, noted with thanks! 

 

Thank you very much for going beyond what you could to help me out. 

Share this post


Link to post
Share on other sites
jasonlioh    0
jasonlioh
I found the code: 
 
.fheading {
    background: url("../images/hl-vert.png") repeat-y scroll right top transparent;
    float: left;
    padding: 0 10px;
    width: 33%;
}

 

And the only way I know of to remove the line is by deleting the image file from the theme file. 

 

I tried this but it didn't work. 

 

#fheading {
padding: 0 10px;
float: left;
width: 33%;
}

 

 

Share this post


Link to post
Share on other sites
James B    436
James B

In your last code, you didn't include the background line. If you added the background line and changed it to display:none that will remove the image :-)


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×