-
Posted in : Empathy
-
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
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?
ThanksYes, the short codes have different lines.
URL: https ://sascha-kall.de/#/portfolio/loeffels-memory/
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
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/
Hi @Nyral
I just checked your related url and it looks arranged correctly. Please clear your browser cache and try it again.
ThanksOn 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.
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
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?
ThanksThe 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
Hi, you have an unnecessary
pelement 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
Hi, thanks for the tip. Have adapted the p elements now it works.
I already gave a rating at themeforest.net.
You must be logged in and have valid license to reply to this topic.

