22 replies to this topic

[shaznyc]

Hi, I am work with StationPro3. if you go to this link: http://shaznyc.com/reviews/ and look at the first Feature (Feature 1) you will see that I have placed 2 copys of the same image, one on top of the other. I got the Bockground image touching all corners. But the foreground image / Feature media (the image on top of the background) is touching on the right side and bottom edges, but not on the top edge. I would like to have the Feature Media - top/foreground image touching at all 3 corners (Top, Bottom And Right side). How can I do that. What are the codes. I have placed a background and a Feafure image = (foreground image) in Feature 1 as an example so you can see what I am talking about. The other Features, 2,3 and 4 only have background images, for now. ----- After posting the above on another thread, I got this response from Cmunns: "..some css would get the foreground image full height." #feature .fmedia { padding:0px; } ------- My new question is: where do I put the Codes that Cmunns just gave me. I have tried putting the Codes in the StationPro3 Theme Options > Custom Code > Custom CSS, but that does not work. What am I doing wrong. Thank you, SHAZ.

[bryan-hadaway]

Try Custom CSS again, but with this updated code:

`
body #feature .fmedia {
padding:0px;
}
`
I believe specificity was the problem; learn more here:

http://www.smashingm...ou-should-know/

Thanks, Bryan

[shaznyc]

Hi Bryan, Your Codes works fine for the height, but now both the Feature Media and the Background image have moved away from the right edge. Also, after I entered your Codes, all the Backgrounds of all the Features are loading (coming up short) on the right side edge, where as before the Backgrounds were all touching all 4 corners. You can see the results here: http://shaznyc.com/reviews/ Thanks, SHAZ.

[bryan-hadaway]

It looks like your images should be 960 x 375 pixels. Can you try that? Also, if you haven't checked out Firebug, it's a great tool for diving into your CSS: http://www.pagelines...ng-colors-fonts And a cool onscreen measuring tool to get exact measurements here: http://www.iconico.c...Calipersv15.zip Thanks, Bryan

[petegarnish]

Sharron can you share how you were able to make the feature image fill the entire box, I can't seem to get it, or find the post you referred to. What i've ended up with is the feature image below the text: productionvideo.com.au/index.php

[shaznyc]

Hi Pete, What I ended up doing was: 1- leaving the - "Feature Media" blank. 2- Placing a linked image in the -"Feature Background". Size = 960 x 375 pixels. The Text will automatically go on top. I hope that helps, Shaz.

[catrina]

Sharron, do you still need assistance with the Feature Media area?

[shaznyc]

Hi Catrina, I could not get both the Feature Media and the Feature Background to be full Hight and or width at the same time. When I fix one the other would fall out of whack. So I've left the Feature Box with just the Background and no Media. As you can see, even with the Feature Background alone, it is still not touching all corners, the right side is a few pixels short. Thanks, SHAZ.

[catrina]

Do you still want to tweak the code or are you satisfied with how it is for now?

[shaznyc]

Hi Catrina, If there are Codes that will fix the issue I would love to have them.

[kastelic]

Sharron could you send us a new link to you issue, I'm not seeing features on your reviews page.

[shaznyc]

Hi Jimmy, Here is a link to my Home page - http://shaznyc.com/ (see the first Feature Slider "HI") Thanks, SHAZ.

[bryan-hadaway]

Other than the CSS I already provided, I don't have other CSS to add. Your other slide look great, is there any reason you don't do your first slide like the others. It appears that you're just try to stack the same image on top of the same background image? Perhaps if you explain what the goal is here there might be a better solution... Thanks, Bryan

[shaznyc]

Hi Bryan, All the others slides are incomplete, they only have the Background image for now until I sort out this problem. I did not add a Feature Media to the other slides because they will just look like the first one. I am using the first slid as an example of how I want the Feature to have a Feature Background Image and a Feature Media. I would like the Feature Media (the top image) not to be a floater and to touch the top, bottom and right side of the box. Hence, No Padding. I mode it the same height as the Background with no avail. Thanks, SHAZ.

[bryan-hadaway]

The CSS I provided works for me, where did you try putting it? Thanks, Bryan

[shaznyc]

Hi Bryan, I have tried putting the Codes in the StationPro3 Theme Options > Custom Code > Custom CSS, but that does not work. What else could I doing wrong? Thanks, SHAZ.

[cmunns]

I don't see it coming up at all when I inspect the page. Are all of the brackets closed for the css in your custom code area?

[shaznyc]

Hi cmunns, I removed the Codes Bryan gave me because it's messing up all the Feature Backgrounds, even the ones that does not have a Feature medias. I was waiting for the fix. Is the Codes working on your end? Thank you, SHAZ.

[bryan-hadaway]

At this point I think I'll have you post all the CSS that you have in Custom CSS to check for errors.

You could also run your site through:

http://jigsaw.w3.org/css-validator/

Thanks, Bryan

[petegarnish]

Thanks Shaz, Solved my problem (text displaying over full size picture). But now, like you I have a border at the right side of the feature box, (approx 2 pixels?) the feature image will not fill the feature box. I have tried enlarging the feature image to 962pixels wide thinking that it was too small, however that didn't solve it.