Tagged: content slider, post slider
-
AuthorPosts
-
November 5, 2018 at 8:13 pm #1030023
Hi, i have a two-part issue;
1. I have set the height of my content slider (using CSS from another posts on the forum which i will paste below) that appears on the right side of the screen to 320 and i would like for that slider to remain that height, but that setting is also being applied to my post slider that sits under it, and i do not want that post slider to be so tall.
also;
2. I would like to remove the “news” title, the separator, and the image from the post slider. I only want the title (linked) to appear.
please advise, thank you in advance!
#top.home .avia-content-slider-inner { height: 320px !important; }
- This topic was modified 6 years, 1 month ago by Josh.
November 8, 2018 at 1:01 pm #1031218Hey HostageMedia,
To remove everything from the posts except the title, please try this code in the General Styling > Quick CSS field:.entry-content-header span.blog-categories.minor-meta,.entry-content-header div.entry-content,.entry-content-header span.av-vertical-delimiter,.entry-content-header span.post-meta-infos,.post-entry div.blog-meta,.post-entry div.post_delimiter,.post-entry .post_author_timeline { display: none !important; }
Best regards,
MikeNovember 8, 2018 at 6:59 pm #1031348Thank you Mike, a couple issues;
1. I still have the container size issue (please see my first post)
2. The post image is still visible after adding this css.Thank you kindly.
November 8, 2018 at 8:30 pm #1031365Hi,
For your slider issue, please replace your css with this:#top.home .avia-builder-el-14 .avia-content-slider-inner { height: 320px !important; }
For the second issue, I see now that I was looking at the wrong element, please use this css instead:
.avia-content-slider1.avia-builder-el-20 span.blog-categories.minor-meta, .avia-content-slider1.avia-builder-el-20 span.av-vertical-delimiter, .avia-content-slider1.avia-builder-el-20 .slide-image { display: none !important; }
Best regards,
MikeNovember 8, 2018 at 8:36 pm #1031368Perfect on both counts, thank you kindly Mike. Been wrestling with these items for a bit now.
Please close the topic.
- This reply was modified 6 years, 1 month ago by Josh.
November 8, 2018 at 8:41 pm #1031372Sorry Mike, i spoke a little too soon re: closing the thread :)
Your code worked perfect but when when i added my own title over the post slider using a Special Heading item, oddly enough the post image re-appeared. When i remove the heading the post image is also removed. Please advise.
November 8, 2018 at 10:05 pm #1031401Hi,
This is because each element is given a class automatically, such as “avia-builder-el-20” but when you add another element this may change the number in the auto class.
To correct please enable custom IDs and classes by going to Enfold Theme Options > Layout Builder > Show element options for developers
Then go to your two post sliders and give them each a unique class, such as “firstpostslider” & “secondpostslider” then replace the auto class with your custom one, like this:.secondpostslider span.blog-categories.minor-meta, .secondpostslider span.av-vertical-delimiter, .secondpostslider .slide-image { display: none !important; }
Please note that classes begin with a dot and IDs begin with a hash mark. If you have any troubles then go ahead and add your special heading, and we will look and post the updated css.
Best regards,
MikeNovember 8, 2018 at 10:26 pm #1031419Perfect! It’s working
- This reply was modified 6 years, 1 month ago by Josh. Reason: forgot to save the page, lol
November 8, 2018 at 10:36 pm #1031424Hi,
That is great news, unless there is anything else we can help with on this issue, shall we close this then?Best regards,
MikeNovember 8, 2018 at 10:40 pm #1031427yes sir, thank you again
November 8, 2018 at 10:48 pm #1031434Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)Best regards,
Mike -
AuthorPosts
- The topic ‘Enfold Post Slider – Remove image, "News" title, etc.’ is closed to new replies.