Forum Replies Created
-
Posts
-
Hi Mike,
thanks for the quick response! This explains everything, your post ist great, you should somehwere put it to the FAQ, because I assume that other newbies like me might have similar questions.
My main issue with the block editor is that I can’t copy and paste long blog posts. You always have to put there section by section and separate it with the headings and so on.
After reading your post I did some more research. The classic editor is what I was looking for, but I read that it is recommended to use the block editor which is better concerning responsiveness and that it is not recommended to use the classic editor anymore.Thanks a lot for your help, we can close this thread!
Best regards
willbaerHello Mike,
this coding helped to align image and text on the ‘home’ page. So this one is fixed.
It had no effect on the ‘über mich’ page.
I think maybe we should just leave it the way it is. Probably not too many people have such high resolution devices when used vertically. And probably not many people will visit the website holding their devices horizontally. I think it makes more sense to target the issues when necessary.
Thanks a lot for you help.
Best regards
MichaelMy mistake, thanks a lot for the hint! I have moved to coding to the correct Quick CSS field. It did not change anything using the smartphone and tablet in the landscape mode:
Overall I have now this coding in the Quic CSS field:
@media only screen and (max-width: 767px) { #top.page-id-156 #av_section_1 .entry-content-wrapper { display: flex !important; flex-wrap: wrap !important; } #top.page-id-156 #av_section_1 .flex_column.avia-builder-el-first { order: 2 !important; } #top.page-id-156 #av_section_1 .flex_column.avia-builder-el-last { order: 1 !important; } }
@media only screen and (min-width: 768px) and (max-width: 989px) { .responsive #top.home #av_section_6 .av_one_fourth.first + .av_one_fourth.flex_column_div.avia-builder-el-54 { margin-left: 0; } }
The first part was needed to improve the layout on the contact page. Maybe they influcence each other?
Best regards
MichaelI have added this to the column with the image (hope this was right), but it does not affect the image at all. It looks still the same and is not centered. I have used new inkognito tabs each time, so that I was asked to accept or decline the cookies.
I would suggest that we give it one last try, if it still does not work then, we should have a quick look at the contact page.
Best regards
willbaerHello Mike,
your CSS code helped to get rid of the white space. The result is that you can find the text below the image in the landscape mode on the smartphone. As shown in the attached screenshot, both, the image and the text are aligned now to the left. Is it possible to align it to the middle in this case?
Thank you very much in advance. I promise that I will answer this time straight.
Best regards
willbaerHey Mike,
no worries, I was quite slow this time.
2. How can I change the settings to show an image above other elements?
First of all, I would like to thank you for the CSS code. It works great!1. What is the best way to combine text and images?
You are right, the gird seems to be the element I am looking for. I have tried several things with the grid, but I still have some issues with it.
– The picture/text-relation is on some display sizes still weird. Is there a way to change the settings that it looks more professional (even though I am a beginner)? See screenshot 1.
– I have also problems to achieve the same width, combining grid row and normal layout elements. I have combined them, because the second section shall fill 3/5 in the center of screen. Is there any way to combine these elements achieving the same width? Or can I somehow change the settings of the grid row element to do this?Thank you very much in advance.
Best regards
MichaelHey Ismael,
thanks a lot, I was able to fix it. What a stupid mistake, but I am sure that it will not happen again after this :)
Best regards
MichaelHey Mike,
you already helped me to solve the issue with different padding settings I was able to achieve the results I was looking for. Thanks a lot!
Best regards
willbaerHi Mike,
thanks for your reply, I meant the space between the elements above and underneath the separator.
My screenshot was obviously not the best. I do not understand why the white space above and underneath the separator is different while the settings of the separators themselves are the same.Do you have any idea?
Best regards
willbaerHey Mike,
sorry, for my late reply. I did some testing with copied pages and asked several people to check the pages on their devices.
I was able to figure out the issues. It must be a caching problem on mobile devices. When people were already on the website and refreshed it, the changes did not show up.Are there any settings in the them to force the devices to reload the pages?
And I have found another issue which might be somehow linked to the previous one. At the moment I am working on some details on my website like fonts and spacing. I have done some changes to the ‘separators/whitespaces’. I have changed the “top margin in px = 50px” and the “bottom margin in px = 65px” for all ‘separators/whitespaces’. However, for one separator it does just not work (see screenshot).
I am a total beginner, so please let me know if my approach is totally wrong and if any other information is needed. :D
Thank you very much in advance.
Best regards
willbaerhttps://drive.google.com/file/d/1k1oO9wOeaOXBIAgSHB6Yl6fokxXB2GA-/view?usp=sharing
