Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #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 5 years, 8 months ago by Josh.
    #1031218

    Hey 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,
    Mike

    #1031348

    Thank 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.

    #1031365

    Hi,
    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,
    Mike

    #1031368

    Perfect on both counts, thank you kindly Mike. Been wrestling with these items for a bit now.

    Please close the topic.

    • This reply was modified 5 years, 8 months ago by Josh.
    #1031372

    Sorry 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.

    #1031401

    Hi,
    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,
    Mike

    #1031419

    Perfect! It’s working

    • This reply was modified 5 years, 8 months ago by Josh. Reason: forgot to save the page, lol
    #1031424

    Hi,
    That is great news, unless there is anything else we can help with on this issue, shall we close this then?

    Best regards,
    Mike

    #1031427

    yes sir, thank you again

    #1031434

    Hi,
    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

Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Enfold Post Slider – Remove image, "News" title, etc.’ is closed to new replies.