Create line break in widget output

  • Resolved Simon Elchlepp

    (@simon-elchlepp)


    5 years, 8 months ago

    Hi there,

    Firstly, thanks for creating an amazing plugin – the first related posts plugin that works for my site. I’m using it as a widget and was wondering whether it was possible to insert a line break after the thumbnail, so the post title starts in the next line, below the thumbnail? At the moment (see the page I’ve linked to), the post title starts right next to the thumbnail.

    Apologies if there’s an obvious answer to this question that I’ve missed (having gone through the support forums to see if this answer already existed). If this has already been solved elsewhere, please do feel free to just point me in the direction of that resource.

    Many thanks,
    Simon

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Ajay

    (@ajay)

    5 years, 8 months ago

    Please try:

    
.crp_title { display:block; }
    • This reply was modified 5 years, 8 months ago by Ajay.
    Thread Starter Simon Elchlepp

    (@simon-elchlepp)

    5 years, 8 months ago

    Thanks so much Ajay! I’ve tried adding the code in a few places to change how the widget displays post titles, but it doesn’t seem to have worked yet (after clearing the cache etc.):

    – in the Custom CSS section of the plugin under ‘Styles’

    – in the ‘default-style.css’ file in my Cpanel:
    .crp_related .crp_title {
    color: #fff !important;
    position: absolute;
    display: block;
    bottom: 0;
    padding: 3px;
    font-size: .9em;
    text-shadow: .1em .1em .2em #000;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    display:block
    }

    – in the ‘default-style.css’ file in my Cpanel (by adding a new line):
    .crp_related .crp_title { display:block; }

    Am I adding the code in the wrong spot? My apologies if that’s the case and I’m complicating things.

    Many thanks,
    Simon

    Plugin Author Ajay

    (@ajay)

    5 years, 8 months ago

    The custom CSS section under styles is perfect place to add it. Can you please add that and save the page and then let me know so I can take a look?

    Thread Starter Simon Elchlepp

    (@simon-elchlepp)

    5 years, 8 months ago

    Many thanks for this and I have added the code in the custom CSS section: https://ibb.co/9nJR5PT. However, in the widget the post title still appears right next to the image, without any space between image and post title: https://www.greatestgamemusic.com/soundtracks/top-gear-2-soundtrack/. Thank you for your patience!

    Plugin Author Ajay

    (@ajay)

    5 years, 7 months ago

    Hi,

    Sorry for the delay.

    I checked your site and the code doesn’t show up. Is it because you don’t have a wp_head by any chance because of the theme?

    Is there anywhere else in your theme you can add this code? Maybe in Customize > Custom CSS/styles?

    Thread Starter Simon Elchlepp

    (@simon-elchlepp)

    5 years, 7 months ago

    No worries at all and adding it under ‘Customize’ has worked beautifully, thank you for all your help!

    Plugin Author Ajay

    (@ajay)

    5 years, 7 months ago

    Thanks for confirming

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Create line break in widget output’ is closed to new replies.