2 Module Change

Posted in: Newspaper
Post count: 18

Hello tagdiv team 🙂
I need some help…. I want to change the 2 block view.
1- I want use must read block style in my homepage. ( https://cdn.pbrd.co/images/GORYWvZ.png ) how i add this block style? And i want 2 change this style. I want to take the news photos to the right and i want add clock icon next to history. For example: https://cdn.pbrd.co/images/GOS16we.png

2- I want some change block 1 style. (https://cdn.pbrd.co/images/GOS1ZRR.png) I want to take the news photos to the right and i want add clock icon next to history. For example: https://cdn.pbrd.co/images/GOS2gZG.png

Can you help me 🙁 ?

Post count: 20688

Hi,

1. You could use block 8 which displays the thumbnails to the right
https://demo.tagdiv.com/newspaper/block-8/
So you can place a block 2 limited to 1 module, and block 8 below it, producing the result needed
https://www.screencast.com/t/isWabx7qc
Or use a code like this to modify block 2 with some CSS
https://www.screencast.com/t/94vPVuqheJs

.td_block_2 .td_module_6 .td-module-thumb {
right:0;
left: auto;
}
.td_block_2 .td_module_6 .item-details {
margin-right: 116px;
margin-left: 0;
}

The theme does not have a clock icon like the one from the screenshot. That is probably achieved through a plugin, or modifications to the theme modules. You can see what information modules can display by editing one of them
https://www.screencast.com/t/HkaFGVDSOZy

2. The code to modify this block is like this, it will switch the thumbnails and meta positions
https://www.screencast.com/t/F5vzlreXJQ

.td_block_1 .td_module_6 .td-module-thumb {
right:0;
left: auto;
}
.td_block_1 .td_module_6 .item-details {
margin-right: 116px;
margin-left: 0;
}

Thanks

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