Featured image and post title

  • Hi to all and first of all thanks to the authors for this superb theme, I’m very impressed about it and how it’s fully customizable.

    My problems relate to the featured image in single-post. I settep up all perfectly with featured image as background and post title overlay image, but

    1) I’d like to display the post title fully to the right of the image, on the edge of the image; instead I see that it remains partially centered.

    2) I can’t see the full picture, but only a portion of it

    I played with css in .page-header-title.clr with margins but nothing happen, still remain centered even if I put negative values. I have a full-width post.

    here is my code without margins and padding, only background color and padding:

    .page-header-title.clr
    { text-align :right;
    background: #e33733cf;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-right-radius: 0;
    }

    Thanks a lot for your support in advance,
    ric

    • This topic was modified 4 years, 3 months ago by riccardo74.
    • This topic was modified 4 years, 3 months ago by riccardo74.

    The page I need help with: [log in to see the link]

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

  • Hi,

    In your code, Please remove the flex from the code and add padding-right: 0.

    2. It’s complicated and it depends on the CSS and image size, so no quick fix for it

    Thread Starter riccardo74

    (@riccardo74)

    Thanks, but it doesn’t work. I want it at the right edge of the featured image.

    Hi,

    Use the below code and adjust the value as per your requirement – 

    .background-image-page-header .page-header-inner {
    position: absolute;
    right: 0;
}
@media only screen and (max-width: 767px) {
.background-image-page-header {
    height: 300px !important;
}
}
    Thread Starter riccardo74

    (@riccardo74)

    Thank you very very very much, works perfectly!

    In the blog entries section is is possible layout of this type: one column with 1 post (sticked or last one published) then columns become 2 with posts and then columns become 3 with post. Pratically 1-2-3 post layout published (now as you can see I have one column with 3 post published). Is it difficult to achieve?

    see here: https://verbavolant.altervista.org/category/simulazione-di-volo/

    Hi,

    You are the most welcome!

    Unfortunately, there is no option to make like that. If you want to create that custom design then You have to write custom code for that.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Featured image and post title’ is closed to new replies.