Forum Replies Created
-
AuthorPosts
-
November 24, 2025 at 10:59 am in reply to: Boxed content in grid row with fullwidth background #1491737
Hi Ismael,
Yes, I tried to crack this in the weekend :-) Very much css for each row now, so the best woud still be to have one code in the function file, but this will do for now then.
Thank you! Will remember to keep things short.
Kind regards, MathildeNovember 21, 2025 at 1:20 pm in reply to: Boxed content in grid row with fullwidth background #1491648Hi Agian, can you try to add something rather to the function file code on the top of this post? Gri-notfull is working perfect except that the image bacground still is boxed, so if we only can get the full width background on the function code, its all good.
Thanks, MathildeNovember 21, 2025 at 12:18 pm in reply to: Boxed content in grid row with fullwidth background #1491638This reply has been marked as private.November 21, 2025 at 9:24 am in reply to: Boxed content in grid row with fullwidth background #1491622This reply has been marked as private.November 20, 2025 at 12:57 pm in reply to: Boxed content in grid row with fullwidth background #1491578This reply has been marked as private.November 19, 2025 at 12:52 pm in reply to: Boxed content in grid row with fullwidth background #1491512This reply has been marked as private.November 12, 2025 at 1:06 pm in reply to: Boxed content in grid row with fullwidth background #1491240This reply has been marked as private.November 10, 2025 at 2:06 pm in reply to: Boxed content in grid row with fullwidth background #1491117This reply has been marked as private.November 10, 2025 at 12:49 pm in reply to: Boxed content in grid row with fullwidth background #1491113Thank you both,
I had to work around it with color section in th eend since I was heaving a meeting with my clients for a draft. But I still would like to use grid instead because it’s easyer to keep the columns in the right place also in rows.See screenshot in private content how I wanted it to look, and for now fixed with colorsection. So I need boxed layout with full width background image (second section at the image).
I tried to add the new function script, but then it all is 100% width, look at link in private content for first section woth colored columns. How to get the concainer 1400px and the bg image full width behind it?
Hope this can be fixed. Thank you!
Kind regards, Mathilde
November 5, 2025 at 3:08 pm in reply to: Boxed content in grid row with fullwidth background #1490978Hi Guenni007 or someone else :-)
Can you help mw with this code again? I need one gridrow just as above with 1400px in boxed layout and fullwith background color, thats okay. But then I also need a gridrow with 1400px boxed layout with fullwidth background image bg. Now the background gets 1400px. Is it difficult to get another code for this? Thank you,
Kind regards, MathildeApril 21, 2024 at 1:10 pm in reply to: How to recuse space to next when I have used position -450px in a column in grid #1440449Hi Mike,
Thank you, now it worked perfectly! :-)
Kindly regards, MathildeApril 19, 2024 at 1:00 pm in reply to: How to recuse space to next when I have used position -450px in a column in grid #1440360Hi Ismael,
Yes, I removed the previous modification, but still, the sections don’t overlap. See attached screenshots.
Kindly regards, MathildeApril 18, 2024 at 12:39 pm in reply to: How to recuse space to next when I have used position -450px in a column in grid #1440281Hi ismael,
Thank you for quick reply. I have added the css, but the second column is still under the first. See the url in private content.
Kindly regards, MathildeHi,
Thanks to you both for the code and help. It worked now :-)
I still have a lot of problems when I set the positions and padding for mobile and tablet in Enfold, doesn’t seem to work the new way. So I code with css instead.
On my iPad it gets the same look like laptop, and it doesn’t fit right. When I edit the positions with paddings/margins in px on desptop version, it works on desktop, but then it seems like it’s stuck like that on mobile and tablet as well even if I edit it all different when I press the mobile and tablet etc icon to det the positions?. Maybe a bug?Another problem is that when I get the css for a content with specific code like: #top .av_textblock_section.av-1o8x9-95bc785c2e9fb80ef953c8d68d0a55a9 .avia_textblock {
color: #ffffff;
}
It works perfectly, but after I have edited a bit on the text or something else in enfold in that same content, the code number changes, and I have to get a new one for each time. Anything I can do to keep it?Thanks and kindly regards, Mathilde
Hi Ismael,
Thanks for your reply and codes. Still it’s under: https://www.dropbox.com/s/7al3356a5i3vy2s/IMG_9277.PNG?dl=0I thought I could change the position in the column itself here: https://www.dropbox.com/s/sziw1l94dnm0i2i/IMG_9279.HEIC?dl=0 but it doesn’t seem to work on mobile? It works okay on desktop when I make overlapped columns.
Regarding Grid on mobile, I found in the main grid to reverse the order, I tried in the cell and columns, but then I didn’t see any change. So that’s okay. But that one also doesn’t get over the other columns/grids. How much can I take the z-index?
Look private content.
Thanks, kindly regards, Mathilde
Hi, thanks, you can close this.
Kindly regards, MathildeHi,
Yes, thanks a lot, that css did the trick!! I
Kindly regards, MathildeHi Guenni007,
My clients likes this very much: http://www.tuddal.one But the only thing thats the problem is what’s happening that one second on scroll that we se 2 logos. But the possition and looks of it all is how they want it now. Isn’t there any easier way to just code away/hide the black doubleheader with logo that appears on scroll?
Here’s the vector logo: Here it is: https://www.dropbox.com/s/aptgyshh13g3cdg/Tuddal_logo2020ANNO_hvit_ny.ai?dl=0Hi Victoria, It’s a vector logo for Guenni007, it’s white so it doesn’t show on preview.
Thanks a lot and kindly regards, Mathilde
Hi again,
So thankful for all your help. I didn’t know that this was so complicated, regarding removing the logo on scroll like that / changing the coding of it all. My client very much wants it like I have made it now, it’s just the double logo thing that one second while scrolling that’s the problem. Is there another easier way to hide it with css?
I understand that it’s a waste of time when you help people and then they choose another solution. So I respect very much your time.
Look private content for logo in vector.
Thanks and kindly regards, MathildeHi, thanks a lot, sorry for the delay, I have been very busy this weekend and been traveling. I will have a closer look at this, and come back to you! I do have the logo in vector.
KIndly regards, MathildeAugust 14, 2020 at 6:29 pm in reply to: Scroll down arrow not showing in full screen slider #1237910Hi Nikko,
Thanks, Yes, it’s the same also when I remove the code.
Kindly regards, MathildeHi, Thanks for answer and example! Looks great! How can I make the 2 logos in svg?
KIindly regards, MathildeHi Victoria,
Yes, now it works again!! Thanks a lot!! You’re the best!!
Kindly regards, MathildeHi again, see login in private content.
Thanks MathildeAugust 12, 2020 at 6:48 pm in reply to: Testimonial slider image (icon) in the middle above the name #1237125Hi Victoria,
Thanks a lot, it worked very well!! :-)
KIndly regards, MathildeAugust 12, 2020 at 5:11 pm in reply to: Testimonial slider image (icon) in the middle above the name #1237075Hi Victoria,
Sorry, it’s http://www.tuddal.one Scroll down on the frontpage, after Instagram feeder.Look print screen here: https://www.dropbox.com/s/rw5tt2prakrig7l/kriesi.gif?dl=0
Thanks and kindly regards, Mathilde
August 12, 2020 at 4:54 pm in reply to: Scroll down arrow not showing in full screen slider #1237067Hi Nikko,
Thanks a lot, that helped me very much! I have the text and the size now.
The only thing that I see is that when I click in the arrow / text, it doesn’t scroll completely to the section under the submenu? Is there something I can du to get it right?
Thanks and kindly regards, MathildeAugust 11, 2020 at 11:52 am in reply to: Scroll down arrow not showing in full screen slider #1236651Hi,
Oh, I’m sorry, thank you. Now it shows, but I’m not able to make it bigger still in a light font.
I have tried to add changes here:#top .scroll-down-link {
height: 80px!important;
width: 100px!important;
margin: 0px 0 0 -40px;
line-height: 60px!important;
position: absolute;
left: 49.85%;
bottom: 0px;
color: #FFF;
text-align: center;
font-size: 80px!important;
font-weight: 200!important;
z-index: 100;
text-decoration: none;
text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
-webkit-animation: none!important;
}But I can’t see any difference. Is it possible to have some text above the arrow like they have here? : https://www.badruttspalace.com/en/rooms-suites#
Thanks, kindly regrads Mathilde
August 10, 2020 at 11:15 am in reply to: Scroll down arrow not showing in full screen slider #1236408Hi,
Thanks, that link was the example of how I would like to have it on: tuddal.one Did you get the login to tuddal.one in the private content?
Kindly regards, MathildeHi, thanks, I have given you access, look at private content.
Kindly regards, Mathilde -
AuthorPosts
