• Resolved jmxbone

    (@jmxbone)


    Hello! I love the Kale theme but am running into an issue when I completed my “about me” page. When I’m in the editing screen it looks perfect; my pic is off centered to the left, the text starts right next to my pic on the right then wraps down below the pic. I included hyperlinks to my social media pages as well. I saved then went to preview and the about me page is nothing more than a single paragraph of tiny font on the left with my pic off to the right. The links aren’t clickable either. Does anyone know why this is happening? My site is not launched yet but I could send screenshots if need be. Thanks!

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

    Thank you for getting in touch with us.

    Are you using any page builder to build the layout of About Me page? This is most likely some styling issue and it would be very helpful to have an access to your site. However, please send me the screenshot so I’ll take a look and let you know if I would be able to help with the screenshot only.

    Kind regards

    Thread Starter jmxbone

    (@jmxbone)

    Thank you for the reply! I’m only using wordpress to build. I haven’t used any templates or plug ins like Elementor or anything like that. I’m not really sure how to attach screenshots of this problem.

    Please make a screenshot and upload it to one of the image sharing website, like https://prnt.sc/ or any other you prefer, and then paste the link to the image here.

    Thread Starter jmxbone

    (@jmxbone)

    The first pic is how it looks in the edit screen with links to my social media accounts. This is how I want it to appear when my site goes live.
    https://prntscr.com/m5w7z2

    The second pic is how it looks after I’ve updated and go to preview the page.
    https://prntscr.com/m5w7sz

    Thanks!

    The cause of the issue is the width of the screen. I created test page with some lorem ipsume text and image floating to the right. On large screen the page looks like this: http://prntscr.com/m5xhwl
    When I resize the browser to smaller size the same page looks like this: http://prntscr.com/m5xj0o
    If I select the default page template with the sidebar it will look even better: http://prntscr.com/m5xjzv

    I think that the same happens on your page. When you edit the page in WordPress Editor the page size is smaller and it looks better than on the large screen.

    One way to improve it would be to add bigger image and add some left margin to the image like this:

    .entry-page .page-content .alignright {
        margin-left: 50px;
    }

    This way the text will occupy less space.

    Kind regards

    Thread Starter jmxbone

    (@jmxbone)

    Ok! Makes perfect sense. Thank you so much! I will play around with it some more. Will this also fix the hyperlinks not working when I exit the edit screen?

    Thank you!

    Thread Starter jmxbone

    (@jmxbone)

    I figured it out!! Thank you so much for taking the time to help me with this, Have a great day!!

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

The topic ‘About Me page changes when previewing’ is closed to new replies.