Tagged: css for full width slider
-
AuthorPosts
-
January 27, 2023 at 4:35 pm #1395610
Hi,
I like the SVG options for special borders on top and the bottom, e.g. in the contentsection
Requests in general:
Could you make ‘paper cut’ outlines as well? As if the picture was a torn photo?And it would be nice to add SVG options to slider full screen or pictures directly.
I now use the contentsection and include the slider, however, the SVG does not cover the whole screen left and right. It shows a padding, althouth I have set all paddings to 0.
With slider full screen it does cover the full screen, however, I cannot include the SVG borders then…
Hope you understand my request for adding these options in the future versions of enfold
January 28, 2023 at 7:33 pm #1395756January 30, 2023 at 12:14 pm #1395888Hi,
In the private area I will give you a temporarely inlog to my new website, not on air yet
See page ‘Het Park’See on top: the pictures in the slider do not cover the page on the left and righthand site. The SVG does.
I do wish: a slider -page wide – ánd the svg borders page wide
Do I have to use another combination then ‘content section’ plus ‘slideshow’?
Are the sizes of my photo’s incorrect?‘Slider full page’ does not have the svg border options, maybe that would help…?
January 30, 2023 at 7:43 pm #1395960Hi,
Thanks for the link to your site, to have the slider and svg border full width please try this css:#top.page-id-2129 #av_section_1 > .container { padding: 0; }
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.
If you want to use it for other pages change the page ID for those pages or try removing the page ID to apply it to every page, but check each page carefully to ensure there are not conflicts.Best regards,
MikeJanuary 31, 2023 at 10:09 am #1395996Many thanks!!
I made the css for each page separately and it works perfect! Very happy with this.
Hope to see my other SVG proposals (as mentioned in my first message) in Enfold updates in the future as well ;) 😉
Have a nice day!January 31, 2023 at 11:47 am #1396009Hi,
Glad that this helped, I forwarded a feature request for the new SVG borders. Then Dev Team points to our documentation that shows how to add your own SVG border: Adding custom SVG dividers
They also say that if you have svg files we can use (open source license) we would add them to the theme.Best regards,
MikeJanuary 5, 2024 at 12:14 pm #1429348Hi,
In line with my earlier request and your solution, I want to do the same now for portfolio items/pages.
However, the css does not work for these.What should I change in this text ,except for the number?
#top.page-id-2129 #av_section_1 > .container {
padding: 0;
}January 5, 2024 at 12:21 pm #1429352Hi,
Please link to a example portfolio page where we can see it not working so we can examine.Best regards,
MikeJanuary 5, 2024 at 1:14 pm #1429357HI, website under construction. in private area I will give you permission to log in
Portfolio’s: id 364, 363 and 365 are not full width with the css codes. The pages are
I wonder what the correct css has to beJanuary 5, 2024 at 5:37 pm #1429369Hi,
Thank you for the link to your site, portfolio post IDs are different than page IDs, this is an example:#top.postid-364 #av_section_1 > .container { padding: 0; }
I adjusted all three and they are now showing correctly.
Please clear your browser cache and check.Best regards,
MikeJanuary 6, 2024 at 9:13 am #1429385Many thanks!
January 6, 2024 at 11:55 am #1429394Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
Mike -
AuthorPosts
- The topic ‘SVG borders requests’ is closed to new replies.