(To Simion) Add numbered list post to block 9

Posted in: Newspaper
Post count: 46

Hello Simion, I hope you’re well.

I’m requesting for some help!

I have divided a row into 2 columns – 2/3 and 1/3. on the 1/3 row I have added block 9 element.I would like posts in this block to appear like a numbered list(with alternating shades of color)…I have attached an image that shows the current appearance and desired appearance (from bbc homepage).

This is the image–>https://ibb.co/gZsV9G

Can you please provide me with the changes I have to make to achieve this desired appearance

Thanks for your great support!

Post count: 9

This is a great request that should have already been inside theme. Most Read, Most Popular widgets with ordered lists.

Post count: 22421

Hello,
Unfortunately the theme does not have the tools necesarry to make that exact look for the block but you cna come pretty close to it.
Here is an example of one I made in the tagdiv composer using different colors for the backghround, a different block header and a css code:

https://www.screencast.com/t/QfMG4fZh

here is the css:

.td_block_9 .td-module-title a{
color:lightgrey
}

Here are the settings i used:
https://www.screencast.com/t/m6b9yMxOhwN3
https://www.screencast.com/t/eXYrilyFFKYi
I hope this helps.

Thanks.

Post count: 46

Hello Bogdan,

As user brunodups pointed out, this is a feature that is common in all major news websites – you should consider adding it to your list of future updates.

For now, two things;

  • I noticed the gadgets demo has something close to what am trying to achieve. Here is the screenshot—> https://ibb.co/bDu2bw .How can I add the square bullet points to Block 9?
  • Also I would like to be able to changed the color of the dotted vertical lines that divide the post titles, where can I change that from?
  • Thanks.

    Post count: 20688

    Hi,

    You could achieve something similar based on the gadgets demo and the screenshot you mention. This code is for block 9 placed in a 1/3 column
    https://www.screencast.com/t/wrMgwz1z
    You can make modifications to it and style the block as you wish, change colors, margins padding etc. Then enter it in Theme panel->Custom CSS
    This is the code used in the example
    https://pastebin.com/a2qTD7xH

    Thanks

    Viewing 5 posts - 1 through 5 (of 5 total)
    The forum ‘Newspaper’ is closed to new topics and replies.