CSS – Advanced Options

  • Unknown's avatar
    jannpollard · Member ·

    I have read the support page on Image Settings and when I get to ADVANCED OPTIONS, I cannot find it. It says they only appear when you edit an image directly from a post or page. I have looked both in the Media and in the edit PAGE and simply cannot find it. Yes, I am in wp-admin editor.

    Site: http://www.jannpollard.com/practice

    I do have CSS premium.
    Thank you.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    jannpollard · Member ·

    OK I did find out how to get to that page now. It had to be edited on an image that you brought in thru Media. BUT I am still struggling.

    1- When you enter text in the Caption, how do you get rid of that line that comes in before the text.

    2- What I want to do is have the Image with no borders, and a 1 pixel grey line around the text box. only.

    3- And I want the background to be white (not the grey tint)

    4- Is there a code, too, when I enter the text to have the RETURN work properly, rather than no returns in the text.

    Can you help? http://www.jannpollard.com/practice

  • Unknown's avatar
    thesacredpath · Member ·

    Hi, let’s try the following and then go from there. I’ve specifically targeted your practice page by using the unique page id class from the opening body HTML tag. 

    .page-id-13486 .wp-caption .wp-caption-text::before {
    content: "";
}
.wp-caption-text {
    border: 1px solid #000;
    padding-left: 5px;
    padding-right: 5px;
}
.page-id-13486 .wp-caption {
    background-color: rgba(0, 0, 0, 0);
    padding-left: 12px;
    padding-right: 12px;
}
.page-id-13486 #content .gallery .gallery-icon img, .page-id-13486 .wp-caption img {
    border: medium none !important;
    padding-left: 0;
    padding-right: 0;
}
.page-id-13486 dl.gallery-item {
    padding-left: 4px;
    padding-right: 4px;
    box-sizing: border-box;
}

    I’ve looked at the content of your page, and I’m wondering about the way you have done that page. Generally I would not suggest copy/pasting from the source code of another page as it can cause issues, and makes it very hard to actually style and control things with the CSS.

    Is there a reason that you have not used the normal gallery insertion method in add media? Just in case you haven’t seen it, here is a link to our Gallery and Slideshow support page.

  • The topic ‘CSS – Advanced Options’ is closed to new replies.