Change color of previous and next buttons

Posted in: Newspaper
Post count: 103

Hello,

1. I have a block with recent articles under each article. But where is it located? I cant find it. Its not in the widgets section and it dont show up in the composer. So where is it?

2. In this recent articles block i wanna change the color of the borders/outline of the small previous and next buttons (these http://i64.tinypic.com/5bbt06.png). They need to be the same color as the tab itself, which is black. In a similar way as all my other blocks (see here https://www.dagonline.nl). In all my other blocks i added a extra class + custom CSS to change the colors. How can i fix this?

Thanks!

Post count: 20688

Hi,

1. The “Related Articles” section is displayed below the single post page, when it is enabled in the theme panel
https://forum.tagdiv.com/related-articles/
That is where you can disable it if it is not required, or configure it.

2. The screenshot is not working for me for some reason, but I think I understand what you want. Something like this
https://www.screencast.com/t/3dCA0lbd4n

.td_block_related_posts .td-next-prev-wrap a {
border: 1px solid black;
}

Thanks

Post count: 103

Thank you Simion.

I know where the “Related Articles” section shows up. I meant to say, i wanna know how to configure it, like changing the tab color for example. It dont show up anywhere (widget section of composer) like any other block.

Thank you Simion. That worked, only the arrow stays behind, its didnt became black, but stays grey. How come?

Post count: 20688

Hi,

I wanted to include that part as well, but you mentioned only the border/outline of the button. It should be like this for the black arrows
https://www.screencast.com/t/0uamUmeeXjV

.td_block_related_posts .td-next-prev-wrap a {
border: 1px solid black;
color: black;
}

The related block header template depends on the global setting here
https://www.screencast.com/t/roK19lE5
These are all the available block header templates
https://demo.tagdiv.com/newspaper/block-header-1/
For coloring there are no specific options just for this element. You can use something like this to color it as you like
https://www.screencast.com/t/Xcdr71j9X

.td-related-title .td-cur-simple-item {
background-color: green!important;
color: blue!important;
}
.td-related-title {
border-color: red!important;
}

Thanks

Post count: 103

Thank you Simion!

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