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

Comments

  • arjen-toet started the conversation
    October 2, 2023 at 8:31pm

    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?

  •  296
    Paul replied
    October 7, 2023 at 3:45am

    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
    October 7, 2023 at 7:10pm

    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

  •  296
    Paul replied
    October 10, 2023 at 10:30am

    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.