How to edit the image properties in this BloggingPro WordPress Theme: 

I first noticed that I didn’t like how this theme spaced-out and padded my images when I uploaded my plugin to display my social bookmarking icons at the end of my posts.  They were spaced-out and padded like this:

Padded images before

So, in order to remove the space/padding – to instead look like this:

Remove image padding

… here’s how to do it:

STEP 1.
Log in to your WordPress – Site Admin.  Under [ Presentation ], select [ Theme Editor ].  Select to edit your [ Stylesheet (Editing style.css) ].

STEP 2.
Under [ Editing style.css ], scroll down to [ /* Central Column - Single Pages */ ].  Now, go down a bit further to:  [ .SCS img ] …

SCS img

STEP 3.
Now, change the padding, border and margin pixel dimensions to these….

Edit image properties

STEP 4.
Scoll down to [ .PostContent ] and make the same changes to [ .PostContent img ], like this:

Edit PostContent Image Properties

STEP 5.
Update File to save your changes.  That’s it.

    Related Posts