Full Width Layout and Missing Icons

  • Resolved Carolyn Melo

    (@nubiesan)


    3 years, 8 months ago

    I am having a LOT of issues with Gutenberg.
    First, I can’t get it to display as full width.
    Next, the icons I have put into columns show up on the editing page but not in the actual page. Tried clearing cache but no luck.
    Next, I am having issues with links. Maybe I am missing something, but if I put a link from a header, I get the link text as well as the header text. If I eliminate the header test, the link text shows up but it is underlined.
    Is there a good, basic tutorial that explains what to do to resolve these issues? I don’t want to get into editing css.

    I have tried several plugins but they don’t seem to work.

    Any ideas?

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

Viewing 1 replies (of 1 total)
  • Plugin Support David Smith

    (@get_dave)

    Hi @nubiesan.

    Sorry to hear you’re having trouble achieving what you’d like to. I’m going to try and help a little.

    First, I can’t get it to display as full width.

    I think you mean that on larger screens your site doesn’t expand to fill the entire viewport area of your browser. It is “centered”.

    If that’s the case then the styling rule governing this is not added by Gutenberg but by your Theme. See the screenshot below.

    https://d.pr/i/QAgSb3/PjCJuLsyTi

    Personally I’d say it’s good practice to have the site centered like you have it now but it’s entirely your choice.

    Next, the icons I have put into columns show up on the editing page but not in the actual page. Tried clearing cache but no luck.

    How exactly are you adding these icons? If you can you share steps to reproduce and perhaps a screenshot of the editor that will help us to see what is going on here.

    You might have some luck trying the Inline Image option on the heading block itself

    https://d.pr/i/pB7kje

    Next, I am having issues with links. Maybe I am missing something, but if I put a link from a header, I get the link text as well as the header text. If I eliminate the header test, the link text shows up but it is underlined.

    I’m not confident I fully understand the issue you’re having here. To see if it helps I’ve recorded a quick video showing how to add a link to a heading block. I hope that helps? If not then please could you try to describe step-by-step what you’re trying to achieve and I’ll try to see if I can help.

    https://d.pr/v/jRHVQx

    I hope the above helps. Best of luck.

Viewing 1 replies (of 1 total)
  • The topic ‘Full Width Layout and Missing Icons’ is closed to new replies.