Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • August 17, 2015 at 11:31 am #488781
    matthewrfox

    First off … the support here is first class! Thank you.

    Is there any way I can customize the Blog Posts when using the grid layout? I don’t want it to have any image, I’d like it to look like a button with text inside it…

    Many thanks

    August 17, 2015 at 4:52 pm #489002
    Elliott

    Hey Matt!

    Drag a codeblock element to the page content and add this inside.

    <style type = "text/css">
article.slide-entry img {
    display: none !important;
}
</style>

    Cheers!
    Elliott

    August 17, 2015 at 5:39 pm #489043
    matthewrfox

    Hi Elliot,

    I’ve just tried that but it doesn’t seem to have made a difference to the blog posts element – I’m still getting the box with the pencil icon above the text…

    August 17, 2015 at 8:28 pm #489109
    Elliott

    Hey!

    Are you sure your using the grid layout? If your seeing the pencil icon then your probably using the small preview pic layout.

    Send us a link to your page and we’ll take a look.

    Regards,
    Elliott

    August 17, 2015 at 9:41 pm #489150
    matthewrfox

    I’ve definitely got “Grid Layout” selected, unless I’m doing something completely wrong! I’ve posted the login in the private content below as it’s not available for general viewing. Thank you!

    August 18, 2015 at 9:22 am #489304
    matthewrfox

    I don’t know if it makes a difference, but it’s not the blog itself I’m trying to style, it’s the blog posts block (I’m not using it as a blog per se: I have several main pages and I’m using a blog module on each page to pull all the related posts)

    August 18, 2015 at 4:08 pm #489573
    Elliott

    Hi!

    I added some CSS in your codeblock to hide the images.

    Regards,
    Elliott

    August 18, 2015 at 4:35 pm #489585
    matthewrfox

    Thank you Elliott, that’s looking better.

    Would there be any way to make them look like buttons, so the page looks similar to “Clinical Guidelines” (from the top main menu)??

    Appreciate your help!

    August 18, 2015 at 8:28 pm #489709
    Dake

    Hey!

    Please add the below css to your quick css section:

    .page-id-541 .slide-entry-title .entry-title {
    background-color: #6786a1 !important;
    color: #ffffff !important;
    border-color: #456480 !important;
    padding: 25px 50px 23px !important;
    font-size: 15px !important;
    min-width: 200px !important;
    text-align: center !important;
}

    This will style the solo links to look like the buttons on clinical guidelines.

    Cheers!
    Dake

    August 19, 2015 at 9:10 am #489876
    matthewrfox

    Hi Dake,

    I’ve tried the code, but it doesn’t appear to make any difference :-/

    Also, I’m going to need to put it on every individual guideline page where I use the blog post module so the Quick CSS will get quite large. Could it be adapted to use in a code box on each page?

    Thanks

    Matt

    August 19, 2015 at 3:29 pm #490131
    Dake

    Hey!

    You can remove the page-id class if you intend to have it applied to all blog post modules with the same settings across the board.

    I adjusted the css so the buttons are now appearing.

    Regards,
    Dake

    August 19, 2015 at 3:35 pm #490140
    matthewrfox

    That’s amazing – thank you for all the help!

    Matt

    August 19, 2015 at 3:47 pm #490158
    Dake

    Hey!

    You’re welcome, glad we could help :)

    Please let us know if you ever need any help in the future.

    Cheers!
    Dake

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Styling the 'Blog Posts' element’ is closed to new replies.