Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • April 26, 2013 at 8:15 pm #7849
    karinschultz
    Member

    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

    April 26, 2013 at 11:06 pm #7859
    Sakin
    Keymaster

    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

    April 27, 2013 at 12:10 am #7873
    karinschultz
    Member

    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.

    April 27, 2013 at 9:22 am #7891
    Sakin
    Keymaster

    @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; }

    April 27, 2013 at 7:03 pm #7902
    karinschultz
    Member

    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.

    April 27, 2013 at 9:47 pm #7905
    karinschultz
    Member

    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

    April 27, 2013 at 10:12 pm #7906
    karinschultz
    Member

    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

    April 28, 2013 at 12:31 am #7911
    Sakin
    Keymaster

    Hi Karin,

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

    Regards,
    Sakin

    April 28, 2013 at 4:20 am #7925
    karinschultz
    Member

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

    Karin

    April 28, 2013 at 9:48 am #7935
    Sakin
    Keymaster

    Thanks Karin for your appreciation. You made by day.

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘How to adjust keyline around page images’ is closed to new replies.