Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 19, 2017 at 10:50 pm #866501
    jaumellagostera

    I’m developing the site:
    http://proyecto1.enredamecomunicacion.com

    On the home page I have inserted a grill with the last 3 blog entries for “News” Category.
    I see the possiblity to show image + title + excerpt or just image + title, etc. I see options to add “Read More” below but when I activate these options what I get is the text. Is it possible to transform that text into a button?? (Green color, white text)?

    The layout could be like follows:
    http://proyecto1.enredamecomunicacion.com/wp-content/uploads/Grill-blog-on-home-page.jpg

    Thanks!

    October 22, 2017 at 7:29 pm #867281
    Mike

    Hey jaumellagostera,
    Are you using the default editor or the advanced editor for your blog posts?

    Best regards,
    Mike

    October 24, 2017 at 8:30 pm #868369
    jaumellagostera

    I’m sorry Mike. I didn’t receive your update on that issue.

    That’s not my blog page. Instead it’s a blog element I added to the home page, so I can always get my last three posts. To insert it, I used the “Blog Entries” element on the layout editor.

    you can see the result here:
    http://proyecto1.enredamecomunicacion.com/es/ under the text “ACTUALIDAD”.

    As you can see, I get no “read more” button for each entry. Can you please help me setting it up?

    Thanks!

    October 25, 2017 at 4:12 pm #868784
    Victoria

    Hi jaumellagostera,

    The read more link can be added in the blog posts settings
    Image 2017-10-25 at 17.11.32.png

    If you need further assistance please let us know.
    Best regards,
    Victoria

    October 25, 2017 at 9:03 pm #868947
    jaumellagostera

    Hi Victoria,

    I tried doing so. I need it to be a grill showing last 3 blog entries. I selected these options:
    Config

    But what I get is this:
    result

    Instead of the text “read more” (in spanish reads Leer Mas), I would like to show a Button with a “read more” text inside. How can I do it?

    Thanks a lot.
    Jaume

    October 28, 2017 at 1:24 pm #869896
    Victoria

    Hi Jaume,

    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

    
.read-more-link a{
    padding: 8px;
    background-color: navajowhite;
    border: solid 1px;
    border-radius: 3px;
}

    Something like this?
    If you need further assistance please let us know.

    Best regards,
    Victoria

    October 29, 2017 at 4:46 pm #870102
    jaumellagostera

    Hi Victoria.

    I added the code you sent me but I got no result. Nothing changed.

    What I need to achieve is something like this:

    Grill blog with READ MORE buttons

    Do you think it’s possible?

    Thanks a lot in advance.
    Jaume Llagostera

    October 29, 2017 at 10:39 pm #870233
    Mike

    Hi,
    I changed the color of Victoria’s code to green background and white text

    .read-more-link a{
    padding: 8px;
    background-color: green!important; 
    color: #fff !important; 
    border: solid 1px;
    border-radius: 3px;
}

    and tested it, which looks like it will work
    2017-10-29_163736
    Please try and clear the site and browser cache.

    Best regards,
    Mike

    October 30, 2017 at 1:12 am #870272
    jaumellagostera

    Thanks!! It worked now.
    I also changed the green color by another color specification and it worked.
    Another question: How can I add left padding to the button?
    Thanks a lot!

    October 30, 2017 at 6:15 am #870326
    Jordan Shannon

    Hi,

    Add the following to quick css to add left padding to the button:

    .read-more-link{
padding-left:10px!important;
}

    Best regards,
    Jordan Shannon

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