Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1144942

    Dear Supportteam,

    I am looking to change the design of the “Blog Article” Element to be just a bullet list of my recent blogposts. Here is a screenshot of my current setting for the element: https://imgur.com/a/eSYGn45 and also of the design i want to achieve: https://imgur.com/a/c8tWekn

    How can I style this element? Also attached my website and credentials in the private content if you want to take a closer look.

    Thank you so much,
    Jan

    #1145122

    Hey Nu-Vision,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    .page-id-16 .bloglist-compact.post-entry {
        border: none;
        padding: 0;
    }
    #top.page-id-16 .fullsize .template-blog .bloglist-compact .post-title {
        padding: 5px;
    }
    #top.page-id-16 .fullsize .template-blog .bloglist-compact .post-title a {
            text-align: left;
    }
    .page-id-16 .main_color .bloglist-compact .fallback-post-type-icon {
        display: none;
    }
    #top.page-id-16 .fullsize .template-blog .bloglist-compact .post-title, .bloglist-compact .post-title {
        display: inline-block;
    }
    
    #top.page-id-16 .fullsize .template-blog .bloglist-compact .post-title, .bloglist-compact .post-title:before {
        content: "*"
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1145436

    Hi Victoria,

    that works great – thank you so much! One more question: is it possible to add a hover interaction, in order to make it underlined & gold with the mouse over?

    Thank you so much!
    Jan

    • This reply was modified 4 years, 11 months ago by Nu-Vision.
    #1145619

    Hi Jan,

    Please try this CSS as well:

    .page-id-16 .entry-title a:hover {
      text-decoration:underline;
      color:gold;
    }

    Best regards,
    Rikard

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.