having css issue with other browsers

[profoundtigger 0]

I've used this code provided by rangelone to wrap the thumbnail around the text. It worked perfectly fine, until i notice some issues on other browsers like chrome and safari. can somebody please provide some insight and solution? thanks .fpost .post-thumb {margin: 0 10px -5px 0 !important;} .fpost .post-header {float: none !important; margin: 0 !important;} .fpost .post-excerpt {margin-top: -120px !important;}

[catrina 103]

Is the code not working at all or is the alignment slightly off?

[profoundtigger 0]

the code is working, and the alignment is not slighty off. its WAY off the text in the the fpost is overriding the whole thumbnail. On safari and chrome that is, its working normally for ie and fox

[Rob 547]

I still think this level of customization you're seeking needs a Pro and it's for this reason. I just checked and it does work fine in FF, but horrible in Chrome, as you say. I have few clues about how to fix it so that the text wraps around the excerpt. However, I am noticing that your site seems to have also changed a bit, with a horizontal line formed under the slider, pushing the sidebar down. I don't know if that's related or not. I suspect you used my code that includes ' .home ' in front of the feature slider dimensions. Try copying all that CSS, adding it, but removing the .home in the second grouping. That should get rid of the line. As for the text overlapping the thumbnail, I suspect we're missing a key element, such as an alignment for that thumb, but I'll be darned if I know what it is. I strongly suggest you contact one of our Pros at http://www.pagelines.com/pros

[catrina 103]

Hm, this area is not my expertise as I more of a graphic/visual designer. Like Robert said, it will take awhile to find a workaround and I'm not certain of any at the moment - unless someone else has more insight about this?

[profoundtigger 0]

@rangelone i did contact the pros. catrina told me to make a new thread about it so everyone can give their insight on it. And the other pros didn't even bother replying

[Danny+ 1,327]

Hi Profoundtigger, Can you provide me a link so I can take a closer look please.

[profoundtigger 0]

http://profoundtigger.com/

[Kate 3]

@profoundtigger Hmmm... Never heard from you. You're welcome to shoot me an e-mail. Personally the way I've always handled this is to move the div in the PHP (move the div in template.postloop.php). BTW: It appears fine in Chrome to me. Perhaps try refreshing your browser a couple of times... it's possible the old CSS styles are cached.

[profoundtigger 0]

@kate are you talking about this http://www.pagelines.com/forum/topic/9469 ? the div move in template.postloop.php doesnt work. Which is why i started a thread. I dont know which verison of chome you are using. even rangelone said the code is not working on chrome. I've been going through multiple computers the whole week trying to see if it was my browser. But in conclusion the code doesnt work for chrome and safari.

[Danny+ 1,327]

Yeah, I can see the error too in Chrome. Profoundtigger, the code I posted the other day only worked with single, but I think I can have a look to make it work the way you want it, ill post here once I have it working.

[Danny+ 1,327]

@Profoundtigger, OK, I have a solution for and it works 100%, there is no need for CSS, so please remove the any css that you have added. Then goto Platform Settings --> Blog and Posts --> Thumbnail Placement and untick all the boxes. Then in your Platformbase functions.php file add this: [code] add_action('pagelines_loop_before_post_content','featured_image'); add_filter( 'the_excerpt', 'excerpt_thumbnail' ); function excerpt_thumbnail($excerpt){ if(is_single()) return $excerpt; global $post; if ( has_post_thumbnail() ) { $img = ''.get_the_post_thumbnail($post->ID, 'thumbnail', array('class' => 'alignleft')).''; } else { $img = ''; } return $img.$excerpt; } function featured_image(){ if ( is_single() ) { if ( has_post_thumbnail() ) { // check if the post has a Post Thumbnail assigned to it. the_post_thumbnail('medium', array('class' => 'alignleft')); } } } [/code] Credit goes to Pross

[profoundtigger 0]

thanks, is there a way to resize the thumbnail pictures back to my desire width and height? i was using this code to resize the thumbnail img.attachment-thumbnail {width: 263px;} img.attachment-thumbnail {height: 175px;}

[Danny+ 1,327]

Yeah, in the code where it has this: [code] the_post_thumbnail('medium', array('class' => 'alignleft')); [/code] Change "medium" to small.

[profoundtigger 0]

that does not change the thumbnail size on the Fpost, it only changes the thumbnail on the single page post. I think creating a hook was a bad idea =/

[Danny+ 1,327]

Well, that's not right, I have test it on my site and when I changed it to small it worked on the blog page but it didnt change the single thumb size. So you still have some custom code else where, also did you make changes to the template.postloop.php ?

[profoundtigger 0]

I got it. The function in dashboard -> media allowed me to set the thumbnails to my desire. The thumbnail normally used in Blog and Posts --> Thumbnail Placement from platformpro did not allow me to edit the thumbnail. Therefore, i had to use this code img.attachment-thumbnail {width: 263px;} img.attachment-thumbnail {height: 175px;} in css.

[Simon 248]

In those functions, where is says this: [code] array('class' => 'alignleft') [/code] You could have changed it too: [code] array('class' => 'alignleft custom_fposts') [/code] Now the images will be rendered with the additional class 'custom_fposts' and you could target this with css.