add inline border class to group of images

  • Resolved sparkalot

    (@sparkalot)


    10 years, 2 months ago

    my first post, need help, searching www for awhile, I give up:)

    I have an image border class I want to add inline to a group of image on one web page of mine

    I am using a child theme https://www.ignitionmetalartdesign.com

    I can.t seem to find the notation/correct symbols to apply the border to all images at once that are inside the

    All help is appreciated!

    Here is the border class code

    .border-thick-black {
    border: #000 5px solid;
}

    and here is the code on the page

    <a href="https://www.ignitionmetalartdesign.com/wp-content/uploads/2014/09/rail-insert-bear-mountains.jpg"><img class="alignnone wp-image-6977" src="https://www.ignitionmetalartdesign.com/wp-content/uploads/2014/09/rail-insert-bear-mountains.jpg" alt="bear mountains railing panel bare steel" width="235" height="117" /></a> <a href="https://www.ignitionmetalartdesign.com/wp-content/uploads/2014/11/fence-privacy-panel-steel-enlarged-flattened.jpg"><img class="alignnone wp-image-7034" src="https://www.ignitionmetalartdesign.com/wp-content/uploads/2014/11/fence-privacy-panel-steel-enlarged-flattened.jpg" alt="privacy fence steel panel bear trees" width="215" height="119" /></a> <a href="https://www.ignitionmetalartdesign.com/wp-content/uploads/2014/10/grinders-hanging.jpg"><img class="alignnone wp-image-6942" src="https://www.ignitionmetalartdesign.com/wp-content/uploads/2014/10/grinders-hanging.jpg" alt="grinders hanging grid tool rack" width="181" height="120" /></a><a href="https://www.ignitionmetalartdesign.com/wp-content/uploads/2014/12/Cowboy-cowgirl-silhouette.jpg"><img class="alignnone wp-image-7104" src="https://www.ignitionmetalartdesign.com/wp-content/uploads/2014/12/Cowboy-cowgirl-silhouette.jpg" alt="cowboy cowgirl metal silhouette" width="148" height="119" /></a>

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi sparkalot. Welcome to the forum. To target a specific page you need the page id. You can either (a) inspect the body element of the specific page in your browser to get the page-id-xxx class, or (b) edit the page and check the URL. If you edit the page the id is at the end of the URL. Your Image and Test Page should end with something like this: “post.php?post=7110&action=edit”. The number is the page id. Then target your images using the page-id class and img element:

    .page-id-7110 img {
  border: #000 5px solid;
  }

    Hope that helps. Also, it’s best if you include all your code (as you did with the css) within code ticks. See the Posting Code section in the Codex Forum Welcome for more info.

    Thread Starter sparkalot

    (@sparkalot)

    Thank you! Better late thanks than never:)

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘add inline border class to group of images’ is closed to new replies.