Tagged: ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • November 5, 2018 at 8:13 pm #1030023
    Josh

    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, 11 months ago by Josh.
    November 8, 2018 at 1:01 pm #1031218
    Mike

    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

    November 8, 2018 at 6:59 pm #1031348
    Josh

    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.

    November 8, 2018 at 8:30 pm #1031365
    Mike

    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

    November 8, 2018 at 8:36 pm #1031368
    Josh

    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, 11 months ago by Josh.
    November 8, 2018 at 8:41 pm #1031372
    Josh

    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.

    November 8, 2018 at 10:05 pm #1031401
    Mike

    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

    November 8, 2018 at 10:26 pm #1031419
    Josh

    Perfect! It’s working

    • This reply was modified 5 years, 11 months ago by Josh. Reason: forgot to save the page, lol
    November 8, 2018 at 10:36 pm #1031424
    Mike

    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

    November 8, 2018 at 10:40 pm #1031427
    Josh

    yes sir, thank you again

    November 8, 2018 at 10:48 pm #1031434
    Mike

    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

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