This is searchable archive of our old support forums, which operated from 2012 - 2016. To find out how to get support for your current theme, please visit our support page.

How to properly set a "A full-size image, with no alignment and no link."

  • Creator
    Topic
  • #26194
    srumery
    Participant

    On this page you show a “A full-size image, with no alignment and no link.” It spans the entire width of the browser even though the content area of the post is smaller.

    http://demoblvd.com/themes/jumpstart-2/demo-1/2015/08/03/a-post-with-everything-in-it/

    That same effect is also found in this post: http://demoblvd.com/themes/jumpstart-2/demo-1/2015/08/02/an-amazing-journey-through-the-wilderness/

    I have inserted media into a post that is full-size, with no alignment and no link but I can’t recreate the full width affect. The image still displays within the post content container.

    Your image has a <figure> tag which I can’t seem to recreate.

    <figure id="attachment_5164" style="width: 1903px;margin-left: -551.5px;max-width: none;" class="wp-caption alignnone tb-img-popout">"A<figcaption class="wp-caption-text">A full-size image, with no alignment and no link.</figcaption></figure>

    What do I need to do in order to recreate the same full width effect inside a post like your example?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Author
    Replies
  • #26195
    Jason Bobich
    Keymaster

    Hi,

    First you need to be using Jump Start v2.1. Then you need to enable this feature. Go to Appearance > Theme Options > Content > General. Select for full width content to be narrow. Then a second check box will appear to enable popout images.

    The figure tag is because the image has a caption (a core WordPress thing) but nothing to do the feature you’re asking about. Images don’t need captions for this to work.

    All working now?

    #26201
    srumery
    Participant

    Yes. That is working well. I took it one step further and created a new image size of 1400×500 for this specific use case. Then, I filtered the class string to add “size-full” to take advantage of the full width image feature available from Jump Start v2.1.

    Thank you for your help.

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

You must be logged in to reply to this topic.