Forum Replies Created
-
Posts
-
When you add background to the 1/1 column and then change margin top to -100px, the image is having no white background, which is perfect. But than the column is not over total width of the site. Is it possible to make a 1/1 column full width?
You see the background image is not totally visible and the image got a transparent background (.png) but on the site it seems like the content section has got an white background. The blue overlay from first section has also overlayed the 2nd section with the background image for bottom border.
Hope you understand what I mean. See media library for the image I used as background that must overlay the section above with transparent background.
Thanks!!
Hi! I tried z-index, but not sure if I used the right classes.
I’ve got maintenance mode turned on, so you can login to see the website (home page). See login in private content.
Thank you so much!
Janneke
Hi!
Is it possible to create a border radius in the bottom border section? Like the css-tricks.com site you sent. They got an orange/pink line with at the right side a border-radius. I see they used “border-bottom-right-radius: 200px”.
Is it possible to create something like this with the enfold border bottom section? I would like to create a line that is similiar with the logo. See printscreen of my site: https://prnt.sc/oid517
I designed an image (https://prnt.sc/oid6r9 white is transparent) but when I add this image to background of new content section, the image disappears behind the image above. How can I change that?
Hope you can help me!! THANKS!
Janneke
Hi Victoria,
Too bad! And is there another way to create something like this? For example with the partner/logo element?
Important is that the title is directly visible and the short description after hover.
Love to hear from you!
Janneke
That worked! Thank you!
And about the title and description: is it possible with the galery that you first have overlay with title and with hover you see description? Or another way to first have image with title and then with hover the description?
Thank you Jordan!
And how can I turn of the zoom effect when hovering?
Love to hear from you guys! Really love the theme and your support!
Is it possible with the galery that you first have overlay with title and with hover you see description?
One last question: is it possible to not show excerpts on search results page?
After that you can close it! Thanks!
Hi! Sorry for the delay..
I didnt removed the logo. Is it still not visible for you? I tried adding your code but nothing happens!
Do you have other ideas?
Hi there! This code works fine for me, thank you so much for that:
.logo, .logo a {
overflow: visible !important;
}.logo img {
height: 140%;
max-height: 260px !important;
}But, is it possible when you scroll the page the logo is getting smaller and at the same height as the menu header? So the code above only works for the standard header and not for the sticky header!
Hope you can help me!
Janneke
Hi Rikard,
I want the green background to overlap the white/transparant background. I colored it green in the screenshot:
https://prnt.sc/n6apvnHere are the row and column settings I used:
https://prnt.sc/n6aqh0
https://prnt.sc/n6aqq2Hope it’s clear what I mean now!
Janneke
Hi Mike,
Yes! Now it works!! Thank you!
Only on mobile there is no padding above the first icon and under the last iconbox. The row has a grey background, so it would be nice if there is a little padding/space above and under the icon grid box. Which code could I use or adjust to create this?
Hope you understand me.
Thanks!
Janneke
Hi Mike,
Deleted the old CSS files and changed the CSS code to the code you sent, but didn’t work. I cleared cache but there is still a big empty space between title and description.
I removed the old code:
@media only screen and (max-width: 767px) {
.avia-icongrid-flipbox li .avia-icongrid-flipback .avia-icongrid-inner {
padding:0;
}
}And just added only your code… see site
Hi Rikard,
How can I delete old CSS and JS files? In the Quick CSS I’ve only added the CSS you see above. Should I go to the filemanager/ftp to delete files? Where can I find them?
Thank you,
JannekeHi!
I had only one other css code in styling tab. Added the code now first, but also after clearing cache it doesnt work. This is my whole css styling tab:
@media only screen and (max-width: 767px) {
.avia-icongrid-flipbox li .avia-icongrid-flipback .avia-icongrid-inner {
padding:0;
}
}#top .main_color .avia-color-theme-color {
border-color: #4a9a59;
}Tried padding:0; / padding: 0; / padding: 0px; > nothing works.
See link (mobile version/smaller screen).
HI Rikard,
Thanks for your response, unfortunately it doesn’t work!
Any other ideas how to fix this?
Thank you!
Hi,
Thanks for your response. The code worked in Safari, but in Google Chrome I don’t see any changes. You know how that’s possible?
Thankyou
Thank you!! It worked, only the image overlay color didn’t work but I think I keep the black overlay!
BTW.. What is the difference between the Quick CSS from Enfold Child theme and the CSS editor from WordPress (appearance > editor). When I use a child theme I always put css in style.css in the wordpress editor!
