Display issues with Elementor

  • Resolved tymonello

    (@tymonello)


    1 year, 2 months ago

    When I use the settings “Theme Layout” in my job post, my post designed in Elementor is not showing up properly. Some things dissapear, and other are not properly aligned. When I switch to appearance setting “Job Board”, the post displays correctly, but there is a link with job title at the top of the page (unnecessary for me) and the job form at the bottom is too wited and buttons display wrong.

    What can I do to make the post display properly and also keep the form in the bottom at proper width, and don’t show the page title at the top?

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support saadali2905

    (@saadali2905)

    Hi Tymonello,

    Thanks for writing to us.

    For your first issue, in the Simple Job Board, post pages can be designed with Elementor specifically for the SJB layout, rather than the theme layout. We recommend trying to utilize the SJB layout for this purpose.

    Regarding your second issue, we have made an effort to replicate the reported problem with the job title, button, and form on our site, and it seems to be functioning correctly on our end. To assist us further in identifying the issue, it would be greatly appreciated if you could provide us screenshots.
    Additionally, we have shared a screenshot for your reference in the following link:
    Link:https://paste.pics/067f8ca2dbf224e55dbd7d60cd68f68f

    Thread Starter tymonello

    (@tymonello)

    Ok, so I have set up the Default Layout (full width). In the elementor settings, I can change width of the content from 1240 to 1000 and Title selector “span.job-title” and select the option to hide the title but the content of the SJB form is still full width:
    https://paste.pics/f7d5cf0b572577481c3d09faa9ff1c5a
    The thing with the title is the following, this is what it looks like without disabling the elementor “hide title”:
    https://paste.pics/d5a747e641f8aa2123d8e5b411380ec2
    In the top left corner there is the small title, and in the center is my title added in elementor, which I want.

    So now to fix the width I have to add custom css:
    @media (min-width: 768px) {
    .sjb-page
    {
    width: 75%;
    margin: auto;
    }
    }

    And that finally gave me what I want:

    The width of the form:
    https://paste.pics/11f1b9e8e379b65cec6e359abbfc1dbb

    And no extra title on top:

    https://paste.pics/43f13c70a2785ea16f0514ad9bc5e7bc

    It would be nice to have an option to make elementor posts work by default while keeping a given width and also to hide the title in SJB settings.

    • This reply was modified 1 year, 2 months ago by tymonello.
    • This reply was modified 1 year, 2 months ago by tymonello.
    Plugin Support saadali2905

    (@saadali2905)

    Hi Tymonello,

    Kindly try switching the theme and check the job detail page form again as if everything is working fine. It may be an issue due to the conflict of the CSS of the theme.

    You can hide the archive page title from “Job Board” > “Settings” > “General”. We have attached a screenshot link for your reference.
    Link: https://paste.pics/5318c0c06c75e02e92e08b3280f7d288

    Feel free to contact us for any further assistance.

    Regards

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Display issues with Elementor’ is closed to new replies.