Jump to content
emckenna730

Recent Posts CSS

Recommended Posts

emckenna730

Hello, I've been having trouble with my recent posts css. I try to resize the text box so that they don't over lap each other. The box resizes but the text doesn't resize with the box. I'm guessing i'm using the wrong selector. My site is: ironandwoodside.com Thanks!

Share this post


Link to post
Share on other sites
Rob
I see you're using Special Recent Posts in a box. To do this with the posts side by side, you need to put the code into 3 boxes (for 3 columns) and use the shortcode's options to offset each or use categories. CSS will make the posts show side by side, but the excerpts and titles will overlap and not wrap. There's a post offset option in the instructions for the plugin. So, if you have Box 1, you add the code for 1 post. Then, in Box 2, you repeat, but add the offset for 1 post, so it shows the 2nd post. In Box 3, you offset by 2 posts showing the 3rd most recent post.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
emckenna730
I have the posts separated into 3 boxes and I put in the code to offset already. Now I'm trying to figure out how to wrap my text in the box. If you take a look at my homepage now you will see how I resized the recent post boxes but the text doesn't conform. This is the css I used. [code].srp-widget-excerpt { width: 200px; }[/code]

Share this post


Link to post
Share on other sites
Jenny
I haven't used SRP personally but reading the plugin help files, have you added this to your shortcode (with your selection of course): [code]// Set the post text cut mode srp_wdg_excerpt_length_mode => chars|words|fullexcerpt[/code]

Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
emckenna730
yes, i have it set to 100 characters, and it does just that, cuts off after 100 words. I'm talking about the box, when I have it set to 200px, like I do now, it cuts off that excerpt after 200px. Therefore, the excerpt is cut short and the [...] is not visible anymore. For example: Original box: I like the Pagelines Framework. It allows me to compose websites with ease [...] ***This overlaps and makes my recent post section look messy*** What I want: I like the Pagelines Framework. It allows me to compose websites with ease [...] What is happening: I like the Pagelines Framework. *** Cuts off my excerpt*** Let me know if you need me to clarify, I know it's confusing.

Share this post


Link to post
Share on other sites
emckenna730
Sorry, first sentence should read. **yes, i have it set to 100 characters, and it does just that, cuts off after 100 CHARACTERS.*** Not words.

Share this post


Link to post
Share on other sites
Jenny
Would you try setting that to "fullexcerpt" instead and see if it gives you the desired result? I am assuming that the 100 characters includes the title but I'm not really sure. Perhaps @rangleone has a little more insight on this plugin. (I really need to start using it!)

Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
emckenna730
I tried full excerpt but that doesn't seem to be working. I think I have to use a different css descriptor?

Share this post


Link to post
Share on other sites
emckenna730
I also tried the CSS on the widget page in settings (settings > special recent posts)

Share this post


Link to post
Share on other sites
catrina
I think you will have to use a different CSS selector. Have you tried this selector?: [b]p.srp-widget-excerpt[/b] (I know you tried .srp-widget-excerpt already but p.srp-widget-excerpt might make a difference)

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
emckenna730
That one doesn't work either. I've been trying every descriptor possible, lol.

Share this post


Link to post
Share on other sites
Jenny
I assume you have not set the other option to choose the number of characters? That will override other settings. Have you contacted the plugin author?

Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
emckenna730
I tried all of the excerpt settings. The excerpt settings work. Now, I need to make the excerpt wrap within my defined div of 200px. I will continue to work on this and share what I find. Thanks!

Share this post


Link to post
Share on other sites
Rob
Can you post the shortcode here that you created for SRP? I'll try to tweak it.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Rob
I use the Boxer plugin to make my boxes, but here's the code I use from SRP. I just tested it and it wrapped just fine with no customization except the Boxer settings. It's possible our boxes have a limitation that Boxer overrides. My SRP code: [code][srp srp_number_post_option='1' srp_widget_title_hide_option='yes' srp_post_date_option='yes' srp_content_post_option='titleexcerpt' srp_filter_cat_option='65' srp_wdg_title_length_mode='fulltitle' srp_wdg_excerpt_length_mode='fullexcerpt' srp_thumbnail_option='yes' srp_thumbnail_wdg_width='100' srp_thumbnail_wdg_height='100'][/code] Note: I use my SRP on a category basis. I don't use the offset option. http://wordpress.org/extend/plugins/boxer/ is the link to the Boxer plugin.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
emckenna730
Here is my shortcode: [quote][srp srp_number_post_option='1' srp_post_global_offset_option='2' srp_widget_title_hide_option='yes' srp_post_date_option='yes' srp_content_post_option='titleexcerpt' srp_filter_cat_option='8' srp_wdg_title_length_mode='fulltitle' srp_wdg_excerpt_length_mode='fullexcerpt' srp_thumbnail_option='yes' srp_thumbnail_wdg_width='200' srp_thumbnail_wdg_height='200'][/quote] I will tryout the boxer plugin. Thanks!

Share this post


Link to post
Share on other sites
emckenna730
i am completely clueless as to how to use boxer. i set the settings and they're not working and i can't visit the plugin link, it no longer works

Share this post


Link to post
Share on other sites
emckenna730
Do you just put the shortcode? Boxer isnt doing anything to help resolve this issue.

Share this post


Link to post
Share on other sites
emckenna730
It's still cutting off the excerpt and it's not adjusting to the layout I'm choosing for it with the Boxer plugin. Not sure what I'm doing wrong.

Share this post


Link to post
Share on other sites
emckenna730
... any suggestions?

Share this post


Link to post
Share on other sites
emckenna730
you can see how they overlap here. http://ironandwoodside.com/ i have both special posts and boxer activated. even when i set the boxer settings to show the posts in a different layout it's now responding

Share this post


Link to post
Share on other sites
emckenna730
***it's not responding*** not "now" lol

Share this post


Link to post
Share on other sites
emckenna730
Please, I've been working on this non stop for two days. I really really want to get this resolved.

Share this post


Link to post
Share on other sites
emckenna730
This is so frustrating. What should be a common feature doesn't work and there is no one that can give me an answer. I just want my text to fit within the box. No css works. I tried everything I can think of. Can I Please Please Pleeeeeeeease have some input. I would really like to have this up and running. I'm spending way too much time getting no where. I really want this feature on my home page.

Share this post


Link to post
Share on other sites
catrina
In a previous post, Jenny asked if you contacted the plugin author about this issue. Have you already tried doing this? He or she may have some insight about this.

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

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


×