Shortcode does not work correctly on the portfolio side

  • Posted in : Empathy
  • Nyral
    Participant

    I have the problem if I use the short code “Service” on a portfolio page and have several services displayed next to each other, they are arranged differently. See the following link: http://www.bilder-upload.eu/show.php?file=2864c3-1533230457.png

    What can I do to display them in a line?

    Thank you

    serkan
    Moderator

    Hi, It may be that some of them have two lines and some of them have three lines. Could you provide me your related url, please?
    Thanks

    Nyral
    Participant

    Yes, the short codes have different lines.

    URL: https ://sascha-kall.de/#/portfolio/loeffels-memory/

    serkan
    Moderator

    Hi, you can try to use this custom css code;

    @media screen and (min-width: 768px) {
    .service { margin-left: auto; margin-right: auto; max-width: 90px; } }

    Thanks

    Nyral
    Participant

    Thanks for the CSS code. Unfortunately this doesn’t work, the short code blocks are still arranged differently. The funny thing is, on another portfolio page the short code blocks fit again.

    URL: https: //sascha-kall.de/#/portfolio/game-of-life/

    serkan
    Moderator

    Hi @Nyral
    I just checked your related url and it looks arranged correctly. Please clear your browser cache and try it again.
    Thanks

    Nyral
    Participant

    On the following URL it works with and without CSS code:
    URL: https: //sascha-kall.de/#/portfolio/game-of-life/
    but the following page doesn’t work with or without CSS code:
    URL: https: //sascha-kall.de/#/portfolio/loeffels-memory/

    Browser cache has been cleared.

    serkan
    Moderator

    Hi, I am going to take the screenshots of the related url,
    image1
    Could you please point me about the issue?
    image2
    Thanks

    Nyral
    Participant

    With this screenshot: http: //www.bilder-upload.eu/show.php?file=cdbf38-1533635363.png

    URL: https: //sascha-kall.de/#/portfolio/game-of-life/

    the icons and the text are all arranged equally horizontally.

    With this screenshot: http: //www.bilder-upload.eu/show.php?file=en958c-1533635591.png

    URL: https: //sascha-kall.de/#/portfolio/loeffels-memory/

    is the second and fourth icon and text further down than the first and third. But I would like to have them all arranged horizontally in the same way.

    Hope you understand what I mean.

    Thank you

    serkan
    Moderator

    Hi,
    I saw the first screenshot but when I try to check the second url i am getting this error message;
    Das angeforderte Bild ist leider nicht mehr verfügbar.
    Could you please check the second url?
    Also, can you tell me your test browser and resolution size as well?
    Thanks

    Nyral
    Participant

    The new second url: http: //www.bilder-upload.eu/show.php?file=8fd72e-1533643211.png

    and browser is: Firefox (61.0.1) and resolution is: 3840 x 2160 and 1920 x 1080

    serkan
    Moderator

    Hi, you have an unnecessary p element in the service icons. You should remove them. You can write the shortcodes again or use this custom css code;

    .col-sm-3 > p { display: none; }

    Thanks

    Nyral
    Participant

    Hi, thanks for the tip. Have adapted the p elements now it works.
    I already gave a rating at themeforest.net.

    serkan
    Moderator

    Thanks for the feedback.

Viewing 14 posts - 1 through 14 (of 14 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register