How to create div block with borders

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #7556 Reply

    Sjoerd72

    Hi Ron,

    My site contains posts with on them on or more gpx tracks. I’m using WP GPX to do so. For the last couple of days im trying to encap this with a div-block to get a nice grey-ish border just like when you have an image that has a caption. I do this by doing {div}[the wp-gpx shortcode]{/div} but i can’t figure out which classe or style from your theme is being used… (the { and } are of course replaced.

    Check http://boxer.gs/2017/03/k1600gt-part-deux/ In my opinion the look of the post would greatly improve in the maps would have a border matching the site.

    Regards
    Sjoerd

    #7557

    Ron
    Keymaster

    You don’t have to enclose the map in new divs. You can add this on your custom css to target the maps and add style similar to the images:

    .entry-content .wpgpxmaps {
        background-color: #eee;
        border: 1px solid #ccc;
        padding: 4px;
    }
    #7558

    Sjoerd72

    Awesome!

    Simple and effective.

    Thank you!

Viewing 3 posts - 1 through 3 (of 3 total)
Reply To: How to create div block with borders
Your information: