Forum Replies Created
-
Posts
-
Hello Rikard,
again I ve got the problem with the arrows of the timeline:
They are not visible on the desktop version, nor on the tablet version and the mobile version:
Desktop: https://gabriele-redenz.de/home-2/#zeitlinie-seminar
Tablet: https://gabriele-redenz.de/support/timeline-tablet.jpeg
Mobile: https://gabriele-redenz.de/support/timeline-mobile.jpgI integrated the script you suggested:
.avia-slideshow-arrows a:before {
top: -10px;
left: -38px;
}Why is it that it no longer works?
Many thanksThanks in advance! With the help of your script I was now able to hide the background color.
Now it is still the case that the arrow back in the mobile version and the tablet version is on the far left and very difficult to click:
Tablet view: https://gabriele-redenz.de/support/arrow_tablet.jpeg
Mobile view: https://gabriele-redenz.de/support/arrow_mobile.jpg1.) > How can I place the “back” arrow further to the right (at the same distance from the outer edge as the “forward” arrow)?
2.) How can I make the arrows thicker and the color #bfdc1e so that they are easier to see?Best regards Diana
Hi Rikard,
everything is solved concerning this issue. The ticket might bie closed.
Thank you and best regards,
DianaHi Mike,
Thank you for your quick reply.
I changed the cold as indicated:.entry-content-wrapper .smaller-dots-2 li {
margin left: 0;
text-indent: -1.1em;
}Now, after the line break, the text appears indented as desired, but now the entire listing – including the listing character – is shifted to the left and is no longer left-aligned with the above heading: see screenshot: https://gabriele-redenz.de/support/bullet-list-text2.jpg
How do I have to modify the script so that the line break works and at the same time the listing is left-aligned with the heading?
Best regards Diana
Hello Nikko
Unfortunately the problem is not yet solved.
Again to explain:
For example, if you click on the top link “XXX” of the icon list on the page http://s941424173.online.de/#physiotherapie-kurse, then it should jump to the courses page for the respective section of the selected course. It does, but part of the section behind the header disappears, so it’s not displayed correctly. This is how the following page appears after clicking on the link: http://s941424173.online.de/support/anchor-1.jpg (> see title with course name missing on the left side / on the right side the image is cut off)And this is how it should appear: http://s941424173.online.de/support/anchor-2.jpg
What can I do to make the anchor links work in a way that doesn’t hide part of the content behind the header?
best regards Diana
Hi Mike,
Thank you very much! This now works wonderfully on the I-pad!
Thank you for your great support!
Best regards DianaHi Mike,
first of all thank you for your help.
I pasted the suggested script in the CSS. Unfortunately, the view on the tablet is unchanged (I deleted the cache and tested it in 2 browsers): https://my-visionguide.de/support/tablet_20221211.jpeg
(It already looks very good in your preview image)Do you have any idea what it could be or how to change the script?
Since the “wrong” display of the grid row on the tablet landscape format occurs several more times on the HOME page, it would also be great if there were a script that would also correct the other cell.
Here is the second case: https://my-visionguide.de/home/#arbeitsweise It looks like this on the tablet: https://my-visionguide.de/support/tablet2_20221211.jpegBest regards Diana
Hi Mike,
Thank you for your detailed description with the pictures.
Yes, I use an i-pad with a resolution of 810 x 1080 px as a tablet.
Now I tried, as stated, to reduce the padding values in the “Desktop padding” setting, but unfortunately the result was that it worked on the i-pad, but also on my desktop PC then these settings were applied and the layout appeared as follows: https://my-visionguide.de/support/desktop-pc.png
So I removed this setting again and I now have the correct view on the desktop PC again: https://my-visionguide.de/home/#neustart-berufNow I think the easiest thing will be to set the toggle point for the tablet higher, instead of 989 as the maximum width, a higher value, so that it also works on the i-pad. What value do you recommend me here? And could you give me a CSS script that causes all grid rows on this page to have their switching point higher so that the cells are displayed one below the other?
Thank you very much for your work!
Best regards, DianaI was able to solve the problem with the timeline and the large border on the right:
there was a css script that centered the timeline that caused problems here. Therefore I have now only set this for larger screens with the following CSS:
@media only screen and (min-width: 1224px) {
#mid-timeline .avia-timeline-vertical.av-milestone-placement-left .av-milestone-content-wrap {
width: 50%; }
}Now the padding on the right is no longer available.
HOWEVER, there is another problem on the mobile version:
The title (= date of the milestone) of the timeline is displayed on the mobile phone with a huge line spacing and the words are also cut off: see screenshot: https://my-visionguide.de/support/timeline-schrift.jpg
How can I get the whole title to be read on the cell phone and the line spacing a bit smaller?
Best regards Diana
Hi Ismael
unfortunately it still doesn’t work with the inserted spaces: https://anmeldung.kunst-und-energie.de/malkurse/termine-malkurse/What could it be?
Best regards, DianaUnfortunately, the script also does not work with the addition “!important;”
The view on the tablet is still like this: https://meine-achtsamkeit.de/support/tablet-quer.pngThe cell of the gridrow has the class “cell1”. I then tried to change your script as follows:
@media only screen and (max-width: 1024px) {
.flex_cell.cell1 {
vertical-align: top !important;
}
}
But that doesn’t work either.
Do you know another possibility?Best regards Diana
Hello Ricard,
thank you for your edit.
Unfortunately the script doesn’t work, there is no change.
Many greetings, DianeSorry, here is the correct link: https://meine-achtsamkeit.de/kurs-achtsamkeit-hamburg/#achtsamkeit-stress
Dear support team,
The problem is solved: I forgot to enter the setting “individual” in the main setting for the grid row for “Column Behavior When Fullwidth”!
Best regards Diana
Hello Ricard,
thank you very much for the code.
The font ‘Cormorant Garamond’ is integrated locally and has the font weights 300 / 400 / 500 / 600 / 700
I added an “!important” to your code and now it works!!!.heading h2 {
font-weight: 500 !important;
}Best regards Diana
Here again the link: https://meine-achtsamkeit.de/home/#was
Hoping it works now.
Best regards, DianaHello Rikard,
I apologize many times, I failed to inform you that the page was moved from the test server yesterday: the contact form is now available at https://craft17.eu/#kontakt. Unfortunately, the problem still persists: on the cell phone the email field is still displayed with a 2px border.
Could you pleasee helb me?
Best regards, DianaGood Morning Rikard,
I have integrated the script in the css. Unfortunately, the view on the mobile phone is still unchanged, i.e. the email field is still displayed with a 2px border. Only the font has been improved: it is now displayed correctly in 12px. What else could I do so that the outer line for the email field is also displayed with 1px? Here is the link to the current mobile view: http://craft17.eu/support/mobile_kontaktform-2.jpg
Best regards, Diana
