[karinschultz]

Hi Sakin, Just going through the final checklist on my iwritegreatcopy.com site.

Any suggestions for correcting
1. the keylines around the images in the pages – these are good in the draft but are skewed in the final page – this is the same problem I had with the blog images. See http://www.iwritegreatcopy.com/who-am-i

Thanks, Karin

Thanks for your help.
Karin

[Sakin]

Hello Karin,

I don’t see any problem in this page http://www.iwritegreatcopy.com/who-am-i . Sorry, I don’t understand the problem.

Regards,
Sakin

[karinschultz]

Hi Sakin, I’ve changed the font and reduced the number of words from 4 to 2 in the caption. What I would like is to be able to have a longer caption but have the space between the lines in the caption reduced. I have tried a line break, reducing the pt size and readjusting image.

Without do much ado, is there anyway to reduce the spacing between lines, without having to readjust for each image on a page? Right now, the image box is elongated to accommodate the caption. I would like it square as in the blog posts.

Also I am adding some png images to a page. How can I suppress the border for pgn images? As you’ve suppressed the border for pngs in the header and footer, what’s the code for content pages?

Thanks for your help.

[Sakin]

@karinschultz: The size of them caption box depends on the image on the caption box not the text. But you can change the values from css. Try the following css in “Appearance => Theme Options => Custom CSS” box.

/* To Increase the width of the caption box */
.page .wp-caption { width: 300px; }
/* To remove the border of the caption box */
.page .wp-caption { border: none; }
/* To decrease the padding left of the caption text */
.page .wp-caption .wp-caption-text { padding-left: 10px; }
/* For caption text font size and line height */
.page .wp-caption .wp-caption-text { font-size: 12px; line-height: 18px; }


[karinschultz]

Hi Sakin,

I have used the following but doesn’t do anything. I have 2 images on several pages, but I only want the border suppressed on the png image (pencil), not the jpg. On the edit page, there’s no border, but when I refresh the page and view, the pgn has the keyline. See http://www.iwritegreatcopy.com/Need SEO?

/* To remove the border of the caption box */
.page .wp-caption { border: none; }

Any suggestions on how to do this?

Still working on the line spacing.

Karin

Thanks for your help.

[karinschultz]

Hi Sakin, Reduced the caption line height, looks good! Thanks.

On suppressing border for pgns. The above worked for jpgs not pgns. This is really strange as there is no border in the edited page, but appears on the published page. So I tried this which didn’t work…

page .background-image:http://www.iwritegreatcopy.com/wp-content/uploads/2013/04/pencil.png(border:none;)

I have not set this pgn as a featured image, and I’ve also adjusted the background – didn’t work. Looks like the theme treats pngs differently than other images.

Any suggestions on getting this to work?

Thanks for your help,
Karin

[karinschultz]

Hi Sakin, I see you have a “nofollow” on the wink! Funny. But i see from the code, you’ve treated gifs as an image class. MMM, maybe I should try this for pngs?

Karin

[Sakin]

Hi Karin,

Can you try the following css to remove the border from the image.
.entry-content img { border: none; }

Regards,
Sakin

[karinschultz]

Hi Sakin, you’re brilliant. Tell your boss, that you should get a raise!

Karin

[Sakin]

Thanks Karin for your appreciation. You made by day.

[Author]

Posts