Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #399777

    Christopher
    Moderator

    Hi there,

    Please provide us with URL of post in question. So we can compare them.

    Thanks.

    #399913

    soleystefans
    Participant

    of course, sorry.

    here is an example: http://webdev7.hi.is/2015/05/ad-leidarlokum/
    all of the posts on the site is like this, only the one I have put in through Cornerstone (that I refered to in last post) is in the layout I want.

    thanks.

    #399996

    Zeshan
    Member

    Hi there,

    Thanks for the URL!

    Unfortunately, you’d need to manually insert container around the content of those posts. It could be possible to style all posts using custom CSS, but it will be applied globally and will disable the functionality to have fullwidth images.

    Thanks!

    #400042

    soleystefans
    Participant

    ok. I see.
    I have been trying to figure out how to use the container shortcode, and how to define the container width. Can you help me with that. How can I get this width, 130px padding left and right with the container shortcode. I have searched for info about this but havent been able to get it… can you help me?

    #400217

    Zeshan
    Member

    Hi there,

    You can refer to our [container] shortcode demo: http://theme.co/x/demo/integrity/1/shortcodes/container/. If you are not using Cornerstone, you can wrap your content inside the container shortcode.

    I’d not suggest using fixed padding as it could cause issues on mobile devices. Instead you can use max-width CSS property. By default, container uses the max site width defined in the Customizer, e.g. 1100px. If you want to add width manually, you can use either class or inline CSS to achieve that. Using class, e.g. custom-container, your shortcode would be:

    [container class="custom-container"] ... [\container]

    and CSS would be:

    .x-container.custom-container {
       max-width: 1000px;
    }
    

    If you want to use inline styling, you can add max-width: 1000px in the style attribute:

    [container style="max-width: 1000px;"] ... [\container]

    If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

    Thanks!

    #401025

    soleystefans
    Participant

    Thanks a lot for this. I have been a bit confused about if I should carry on here or open up another tread – which of course is better so people can find the answers. Will do if I have more questions.

    #401099

    Paul R
    Moderator

    You’re welcome! 🙂