• Resolved GBiz

    (@gbiz)


    Wow. I simply wanted to add a banner image that links to another page at the bottom of my WordPress (v5.4) page. [ redundant link removed [ redundant link removed ]
    Problems:
    1. The “Link Section” of the block in the right toolbar panel wasn’t there. Research to figure out how to add it, but never got it. So, I coded it in HTML and the link worked. However, problem number 2.
    2. Could never get the image any larger than 1024px wide. Even when Full Size was selected. Then, problem number 3.
    3. Tiny, tiny image on cell phone.

    Please discuss solutions, I really appreciate it!
    Carl

    • This topic was modified 4 years, 6 months ago by GBiz.
    • This topic was modified 4 years, 6 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Everything else WordPress tMoved to Fixing WordPress, this is not an Everything else WordPress topic.opic

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

Viewing 12 replies - 1 through 12 (of 12 total)
  • Hi,

    This is a theme related question and not come under Everything else WordPress.

    However, I can see you have a max-width: calc(6 * (100vw / 12.5)) property in CSS:

    .wp-block-coblocks-row[data-columns="1"] .wp-block-coblocks-column__inner>[class*="wp-block-"] {
        margin-left: auto;
        margin-right: auto;
        max-width: calc(6 * (100vw / 12.5));
    }

    Because of that max-width property, the image is small.

    So you can test if the image size is increasing or not by adding below CSS in Customize > Additional CSS section:

    .wp-block-coblocks-row[data-columns="1"] .wp-block-coblocks-column__inner>[class*="wp-block-"] {
        max-width: none;
    }

    At my side, it is working fine.

    Warning: Please make sure that your other images sizes are not disturbing after applying above CSS.

    Thread Starter GBiz

    (@gbiz)

    Thank you Animesh, that seems to work nicely.

    Can you suggest how to get the “Link Section” in the Block tool sidebar?

    Thank you again!

    that seems to work nicely.

    Glad to hear that it worked perfectly. ??

    Can you suggest how to get the “Link Section” in the Block tool sidebar?

    Which block tool sidebar? Can you explain a little more and provide a screenshot for reference?

    Thread Starter GBiz

    (@gbiz)

    Not sure how to attach a file…

    Thread Starter GBiz

    (@gbiz)

    Ok, please look at it here…

    https://www.carlloop.com/junk/

    You want to connect the image to the file link. Right?

    Please click on the icon as shown in this screenshot: https://prnt.sc/sgvfl0

    After that, you can put the link there.

    Thread Starter GBiz

    (@gbiz)

    No, not to a file link.
    Connect it to another page on my website.

    You can insert any link, copy the page link and put there.

    That’s it.

    Thread Starter GBiz

    (@gbiz)

    See this page please:
    https://wordpress.stackexchange.com/questions/327396/set-default-image-link-target-in-gutenberg-image-block

    I never get that “Link Settings” option on the right sidebar.

    Thread Starter GBiz

    (@gbiz)

    Thank you for assisting.
    If you go look at:
    https://www.carlloop.com/photo-quotes/
    Go down to the bottom of the page.
    Book Banner 1: Is hard coded so it will go to another internal page on my website.
    Book Banner 2 (the lowest on the page): Is the result of putting https://www.carlloop.com/photo-quotes/ in the link button. It only shows the image when clicked, it doesn’t go to an internal page on my website.

    So, I thought a Link Section on the side was missing as the way to do it. But that doesn’t show up.

    That is the remaining issue I’m having…

    • This reply was modified 4 years, 6 months ago by GBiz.
    Thread Starter GBiz

    (@gbiz)

    Animesh,
    Closing this. I’ll play around on the last issue.
    You’ve been a tremendous help!

    Hi,

    Sorry for the late reply.

    Actually I have not found that link setting option in the right sidebar after WordPress version 5.2.6.

    So for now, I think the only option is to insert link is from here: https://prnt.sc/sgvfl0 or direct HTML editing ??

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Full Sized image, Image linking, Tiny mobile image’ is closed to new replies.