Viewing 22 posts - 1 through 22 (of 22 total)
  • Author
    Posts
  • July 4, 2017 at 10:15 pm #816510
    musedesignca

    How can I get my recent posts widget in my footer area here: dev.cabra.ca
    to show a thumbnail of the post image along with the post name? And also get rid of the orange title of “recent posts”
    I just want to keep the whats happening title in that size and color.

    July 5, 2017 at 6:14 am #816626
    Rikard

    Hey musedesignca,

    Did you try the Enfold Latest News Widget?

    Best regards,
    Rikard

    July 5, 2017 at 4:18 pm #816792
    musedesignca

    Latest news widget works great! Thanks! Do you know how I can customize the font color?

    July 5, 2017 at 4:45 pm #816814
    Sarah

    Hi,

    If you’re trying to change the color of the links inside the latest news widget, please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file: 

    #footer a.news-link .news-headline {color:orange;}
#footer a.news-link .news-time {color:white;}

    Please change the color to suit your preferences.

    Let us know if you need further help! :)

    Best regards,
    Sarah

    July 5, 2017 at 8:29 pm #816877
    musedesignca

    Thanks that worked for changing the color.
    Now all that I need to do is move the latest news up a bit there seems to be a large gap between the headline and the articles.

    July 6, 2017 at 5:45 am #817043
    Nikko

    Hi,

    Can you try adding this in Quick CSS:

    .avia-content-slider .slide-meta {padding-bottom: 0;}

    Hope this helps :)

    Best regards,
    Nikko

    July 6, 2017 at 1:57 pm #817256
    musedesignca

    Thanks but that didnt seem to work for me. I guess that large space is for the title area but I was already using the ‘whats happening’ title above it in a text widget area that is a link to the main posts page so I didnt use a title for the latest news widget.

    July 6, 2017 at 3:38 pm #817297
    Sarah

    Hi!

    Yes, it’s because of that. To clarify: you NEED the text widget because it’s a link, right?

    Can you try this code?

    #text-5 {margin-bottom:0 !important;}
#newsbox-2 {margin-top:0 !important;}

    This removes the bottom margin of the text widget, and the top margin of the Latest News widget.

    Best regards,
    Sarah

    July 6, 2017 at 4:51 pm #817351
    musedesignca

    Thats right I need the text area because its a link.
    I tried that code and the widget area didnt change. It did make my dropdown menu go a bit crazy though. :(

    July 6, 2017 at 5:42 pm #817395
    Sarah

    Hi,

    That’s strange. It shouldn’t affect your dropdown menu. Can you try this code instead:

    #footer #text-5 {margin-bottom:0 !important;}
#footer #newsbox-2 {margin-top:0 !important;}

    This now only affects the specific sections in your footer. :)

    Best regards,
    Sarah

    July 6, 2017 at 10:00 pm #817511
    musedesignca

    I hate to say it, but this last bit of code didnt work either. Maybe ill have to just try the title in the latest news widget and just forget about making it a link.

    July 7, 2017 at 8:19 am #817659
    Victoria

    Hi musedesignca,

    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

    
#footer #newsbox-2.widget {
  margin: 0 0 30px 0;
}
#footer #text-5.widget {
  margin: 30px 0 10px 0;
}

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

    July 7, 2017 at 4:02 pm #817911
    musedesignca

    Thanks but that didnt work either, so Ive decided to get rid of the text box on top and just use the title that is part of the news widget but its coming out as orange and I need it to be white like the other titles in the footer. (other titles in footer are H4) How can I change that?

    Its also not lining up at the top with the other widgets.

    July 7, 2017 at 5:39 pm #817941
    Sarah

    Hi,

    May we have admin access into your site so we can take a closer look?

    Best regards,
    Sarah

    July 11, 2017 at 10:37 pm #819665
    musedesignca

    Yes, sorry for the late reply. Ill add the admin login coordinates in the private content area.

    July 12, 2017 at 11:02 am #819923
    Victoria

    Hi musedesignca,

    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

    
#top #wrap_all .footer_color h3 {
  color: #fff;
}
.flex_column .widget .widgettitle {
  margin-top: 0;
}

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

    July 12, 2017 at 9:29 pm #820222
    musedesignca

    Thanks I tried both quick CSS and adding it to custom.css and the H3 tag is still not taking effect. It did however move the text block up to where it’s supposed to be, so that part’s fixed.

    July 13, 2017 at 8:56 am #820395
    John Torvik

    Hi,

    You can try to add the !important property after the rules and check it again.

    Best regards,
    John Torvik

    July 13, 2017 at 4:28 pm #820633
    musedesignca

    Thanks, it looks like it should now.

    • This reply was modified 7 years, 4 months ago by musedesignca.
    July 14, 2017 at 7:22 am #820984
    Rikard

    Hi,

    Great, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    July 18, 2017 at 12:04 am #823029
    musedesignca

    I think it’s good to close now. Thanks!

    July 19, 2017 at 5:02 am #823635
    Nikko

    Hi,

    Glad that it’s fixed. Thanks for using Enfold :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 22 posts - 1 through 22 (of 22 total)
  • The topic ‘Recent Posts with feature photo’ is closed to new replies.