Home › Forums › WoodMart support forum › Full size portfolio image

Full size portfolio image

Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • December 1, 2020 at 1:13 pm #246506

    Jackheather101
    Participant

    Hi,

    (See attached screenshot)

    How can I disable the breadcrumb and also make the image fit to screen?

    Thanks

    Attachments:
    You must be logged in to view attached files.
    December 1, 2020 at 6:32 pm #246664

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body.single-portfolio .page-title .breadcrumbs, 
body.single-portfolio .page-title .yoast-breadcrumb {
  display:none;
}

    Your question about the image is not clear enough. What image do you mean and how do you want to fit the screen?

    Best Regards

    December 2, 2020 at 8:35 am #246848

    Jackheather101
    Participant

    Hi,

    Thank you.

    The image is the one I have circled in red in the original screenshot.

    Thanks,

    December 2, 2020 at 1:50 pm #246957

    Elise Noromit
    Member

    Hello,

    Do you want the image to have “contain” property? Not clear what you mean by saying “fit the screen” it now covers the whole block and fits the screen.

    Best Regards

    December 2, 2020 at 1:54 pm #246961

    Jackheather101
    Participant

    Fit to screen is full size,

    Please see a screenshot of how my BLOG post has been altered , I want it the same as this

    Attachments:
    You must be logged in to view attached files.
    December 2, 2020 at 3:40 pm #247012

    Elise Noromit
    Member

    Hello,

    Please enter the shop page and set Page title size – Large, more detailed instruction is here: https://xtemos.com/docs/woodmart/options-for-pages/

    Best Regards

    December 3, 2020 at 7:20 am #247210

    Jackheather101
    Participant

    Hi,

    Is it set to large but it still isnt the size of the picture i sent you.

    You helped me with some shortcode for my blog posts, I think this needs some shortcode to display the images like this

    Thank you 🙂

    December 3, 2020 at 7:20 am #247211

    Jackheather101
    Participant

    https://xtemos.com/forums/topic/post-picture-min-height/

    December 3, 2020 at 1:45 pm #247361

    Elise Noromit
    Member

    Hello,

    Please provide the page URL.

    Best Regards

    December 3, 2020 at 3:35 pm #247421

    Jackheather101
    Participant

    https://grillo.uk.com/blog/portfolio/suffolk-tostock/

    There is a load of projects but this is one of them

    Thanks,

    December 3, 2020 at 10:05 pm #247521

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    .single-portfolio .page-title.title-size-large {
		min-height: 100vh;
    display: flex;
    align-items: center;
}
.single-portfolio .page-title .breadcrumbs, .page-title .yoast-breadcrumb {
    display:none;
}

    Best Regards

    December 4, 2020 at 8:40 am #247653

    Jackheather101
    Participant

    Hello,

    I have put this one in and cleared the cache but it doesn’t seem to be working

    Thank you.

    December 4, 2020 at 4:36 pm #247894

    Elise Noromit
    Member

    Hello,

    The problem is caused by the error in CSS https://prnt.sc/vvw4q6

    Best Regards

    December 7, 2020 at 7:11 am #248455

    Jackheather101
    Participant

    Hi,

    How can I fix this error? I am not proficient with CSS.

    Thanks.

    December 7, 2020 at 8:44 am #248485

    Elise Noromit
    Member

    Hello,

    You need to insert this bracket } in the place shown on the screen

    Best Regards

    December 7, 2020 at 9:00 am #248492

    Jackheather101
    Participant

    Hi,

    thank you, you’ve been really helpful so far !!!

    One extra thing the title on the page is small as you can see here (https://grillo.uk.com/blog/portfolio/aldinga-dorset/)

    Is it possible to get the title the same size as the one on this page: (https://grillo.uk.com/blog/2020/08/25/beaconsfield/)

    December 7, 2020 at 2:13 pm #248561

    Elise Noromit
    Member

    Hello,

    Please add this code (or find if you have already added) to the Theme Settings > Custom CSS > Global:

    body .title-size-large .entry-title {
    font-size: 78px;
}

    Set the size as per your needs.

    Best Regards

    December 7, 2020 at 3:16 pm #248596

    Jackheather101
    Participant

    Hi,

    Brilliant it works perfectly.

    Is it possible to add some image opacity as the text gets a little bit lost on the image?

    Thanks,

    December 7, 2020 at 8:48 pm #248685

    Elise Noromit
    Member

    Hello,

    Changing the opacity would not solve the problem https://prnt.sc/vxs46w

    Alternatively, I can suggest the background for the title https://prnt.sc/vxs59m

    If it is workable for you, add this code: 

    body .page-title.color-scheme-light .entry-title {
    color: #FFF;
    background: rgba(0,0,0,0.6);
}

    Best Regards

  • Author
    Posts
Viewing 19 posts - 1 through 19 (of 19 total)