Make box images same width as text box

[ilonka65 0]

Sorry for all my questions, I am trying to this test site ready to show my client tomorrow and usinga Framework is a bit harder than I thought it would be:( I notice that the "fboxgraphic" is nested within "dcol-pad top_thumbs", but I don't understand how to remove the padding so my image can take up the same width as the text underneath http://byronbaysmashrepairs.com.au/test/ Maybe you can include a link of where I should go to learn CSS so I can stop asking so many questions, sorry!

[ilonka65 0]

I was hoping something like this would work, and that maybe at least I am on the right track?: #dcol-pad top_thumbs, .fbox_11, .fbox_10, .fbox_9, fboxgraphic {padding: display:none;}

[catrina 103]

The padding property in CSS should only using pixel values (i.e. 2px, 3px, etc.) so the code should look like this: [code]padding: 0px;[/code] Instead of using display: none; replace it with a number value. There are more instructions on how to use padding here: http://www.w3schools.com/css/css_padding.asp

[ilonka65 0]

Hi Catrina I tried this and it didn't work: #dcol-pad top_thumbs, .fbox_11, .fbox_10, .fbox_9, fboxgraphic {padding: 0px;}

[ilonka65 0]

I tried this aswell: #content-pad, .dcol_container_3, .dcol-pad top_thumbs, .fbox_11, .fbox_10, .fbox_9, fboxgraphic {padding: 0px;} I tried this because I thought ultimately everything is nested in the content pad.....I have a colleague telling me CSS is easy, but its not from where I stand at the moment :-?

[ilonka65 0]

and I tried this without success: #boxes, .container fix, .texture, #boxes .dcol-pad top_thumbs #boxes .fboxgraphic {padding: 0px;}

[ilonka65 0]

#boxes .content-pad, #boxes .dcol-pad top_thumbs. #boxes .fboxgraphic {padding:0px;} Nothing works

[ilonka65 0]

I tried this: #boxes, .fboxgraphic {padding-top:0px; padding-bottom:0px; padding-right:0px; padding-left:0px;} Still nothing...is it possible its the style of how it sits within the fboxgraphic area and not caused by padding, but a different rule?

[Jenny 33]

Rather than adjusting it by CSS, you should adjust your PlatformPro settings. What you are trying to edit with CSS, can be done in PlatformPro -> Box Settings -> Default Box Icon Size. Set it to the width that you want. The image you have uploaded is 349px wide. You should either set this number to 349 or something smaller. To make things uniform, make sure all of your box images are the same width.

[ilonka65 0]

Hello simple_mama That worked a charm, thank you! I apologise for my delayed response, was out of action but am back now:) Thanks again!