Okay
  Public Ticket #3490385
Expanding width of content for images
Closed

Comments

  • arjen-toet started the conversation

    I would like to use the full width of content/blog sections for (stand alone) images in some cases.

    Also, in case I only add images and no text in Content sections, I would like to be able to center the images.

    Can you please help me with this?

    Edit: is this request in progress?

  •  295
    Paul replied

    Hello,

    Unfortunately, the theme doesn't offer a built-in feature for customizing styles on specific pages. Typically, you'd need to inspect the page elements and apply custom CSS for any unique styling.

    Could you please share the URLs of the pages you're referring to? I'll take a look and see how I can assist you further.

    Regards,
    Paul

  • arjen-toet replied

    Hello Paul, 

    I'm still working on setting up my site and don't have any pages online yet that I can show you unfortunately. 

    But on this forum I did find a CSS code for another theme from UXBARN (here: https://uxbarn.ticksy.com/article/10018). I think I need something similar for your Enso theme, is that possible?


    Regards,

    Arjen

  •  295
    Paul replied

    Please try applying this custom CSS code to make the blog content full-width:

    .post-title-wrapper,
    .post-content-wrapper,
    .section-title,
    .section-content {
        float: none;
        width: 100%;
    }
    .single-post .post-meta {
        margin-bottom: 1%;
    }
    .single-post .post-meta li {
        display: inline-block;
    }
    .single-post .post-meta-wrapper {
        margin-bottom: 3%;
    }
    .single-post .post-meta li::after {
        content: '\2014';
        margin: 0 8px;
    }
    .single-post .post-meta li:last-child::after {
        display: none;
    }
    .single-post .meta-categories li::after,
    .single-post .meta-tags li::after {
        content: ',';
        margin: 0 4px 0 0;
    }
    .single-post li.meta-categories-title::after,
    .single-post li.meta-tags-title::after {
        content: ':';
    }
    

    I hope it helps.