Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • August 6, 2018 at 11:19 pm #994143
    Moondreamer21

    I’ve searched for how to do this, but I’d like to have a custom bullet show up to the left of each recent post listed in the widget I have for them in the sidebar under my Articles + Videos page.
    Is there some CSS I can use to accomplish this?
    I’d also like to change the font size of the Recent Posts listed.
    Thank you!

    August 7, 2018 at 10:09 pm #994591
    Mike

    Hey Moondreamer21,
    When you say you want a “custom bullet” is it a image or just the regular dot? Can you link to it.

    Best regards,
    Mike

    August 8, 2018 at 7:17 pm #995115
    Moondreamer21

    My current site has some neat bullets that look like little arrows. I like those. I’ll post a link below in the PC.

    August 9, 2018 at 12:43 am #995187
    Mike

    Hi,
    Those are nice, I will work on this, please upload the bullet to your new site and post the link in the Private Content area.
    I have linked to it for you to download from your old site in the Private Content area.

    Best regards,
    Mike

    August 11, 2018 at 1:09 pm #996281
    Mike

    Hi,
    To add the bullet, Please try this code in the General Styling > Quick CSS field:

    #newsbox-2 li {
    background: url(https://www.barrelracingtips.com/wp-content/themes/socrates/images/bullet.png) no-repeat -1px 5px !important; 
    padding-left: 16px !important; 
    padding-right: 2px !important; 
    padding-top: 0px !important; 
    padding-bottom: 3px !important; 
}

    please replace the image url with the url of the image on your new site, see the post above to download the image.
    I checked some of your other pages and didn’t see the “recent post” in the sidebar, so let us know if you need this to work on another page.

    Best regards,
    Mike

    August 13, 2018 at 7:19 pm #996825
    Moondreamer21

    Hooray, thanks so much for your help, Mike – that worked great! :) It looks awesome.

    I mentioned initially in this thread that I’d also like to change the font size/style for the Recent Posts, is there some custom CSS to do that?

    Thanks again. :)

    August 14, 2018 at 5:31 am #996948
    Mike

    Hi,
    Please try this code in the General Styling > Quick CSS field:

    li#recent-posts-6 a {
font-size: 12px !important;
font-weight: bolder !important; 
color: #5D1E15 !important;
}

    Please adjust the font size, color, & weight to suit.

    Best regards,
    Mike

    August 14, 2018 at 8:06 pm #997264
    Moondreamer21

    Hi Mike,

    I added that CSS and refreshed my browser but the recent posts widget text seems to still look the same. I’ll post a link to the page in PC below. Could you check it out please? Thanks. :)

    August 15, 2018 at 4:15 am #997405
    Mike

    Hi,
    I adjusted the css a little, Please clear your browser cache and check.

    Best regards,
    Mike

    August 15, 2018 at 8:18 pm #997664
    Moondreamer21

    Thanks Mike, I got it perfected now – SO appreciate your help! :)

    August 16, 2018 at 4:03 am #997739
    Mike

    Hi,
    That’s great news, try waiting a few days to test it out, and then let us know when we can close this thread ;)

    Best regards,
    Mike

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