Prev & Next icons position

Posted in: Newspaper
Post count: 49

I like how it looks like here
https://ibb.co/WPvkgtW

But not here
https://ibb.co/9tcLyQt

Is it possible to make all images the same sizes? IN this case Prev & Next icons will have same position.

Post count: 27744

Hello,

You need to have the same image size and you can change the pagination CSS here https://i.imgur.com/03bwOsi.jpeg

Thank you!

Post count: 49

Hello Anamaria,

First of all, my images are not the same size, but they look that in every block except this main block. And without any changes in the CSS code from my side.

How does this happen? Apparently, you simply did not do for the main block what you did for all the other blocks. Therefore, in all blocks all images look the same size, but in the main block they do not. This is why the navigation buttons jump.

Secondly, from your answer it is absolutely unclear to me exactly what changes I should make to the CSS code.

Could you please just copy the required piece of the code here?

  • This reply was modified 2 years by Merkucio.
  • This reply was modified 2 years by Merkucio.
Post count: 27744

Hi,

The demo has a css that made the previous and next icons to look like that, there is the code, and you need to change the value for top to align as you want the icons. https://i.imgur.com/NqOjrGN.png

You can delete the extra class on the block and will look like this https://i.imgur.com/WVTYPMo.png

Thank you!

Post count: 49

Hi,

Well, I imported the demo when I started working on this site, but now I couldn’t find this piece of CSS code, so I added it:
.td-hero-block .td_with_ajax_pagination .td-next-prev-wrap {
position: absolute;
right: 0;
top: 95%;
padding-right: 25px;
}

@media (min-width: 1019px) and (max-width: 1140px) {
.td-hero-block .td_with_ajax_pagination .td-next-prev-wrap {
top: 92px important;
padding-right: 20px;
}
}

in Newspaper/Theme panel/Custom CSS and even in Appearance/Theme/Custom css

I changed both % values but nothing happens.
Then I removed .td-hero-block like on your screenshot, but again nothing happens.

What to do next?

  • This reply was modified 2 years by Merkucio.
  • This reply was modified 2 years by Merkucio.
Post count: 49

WOW, just noticed, I can’t remove .td-hero-block because save option doesn’t work in this case.

I’m able to save this change if only I edit .td-hero-block for example to .td-hero-block-1. In this case save option works.

Strange things going on with save option in your theme, you know?
It’s not the first case.

Same issue was with social icons links too.

BUT ANYWAY, the change of % value gives nothing.

  • This reply was modified 2 years by Merkucio.
  • This reply was modified 2 years by Merkucio.
Post count: 49

Ok I found the css code area, but it gives nothing to change the % values.
Anyway navigation arrows looks good from one images and bad for others.

Post count: 49

Ok, how can I move these arrows from right to let corner?
https://ibb.co/1LH3fzC

Post count: 27744

Hello,

From what I can see, you seem to be having trouble managing it. Please contact us at contact@tagdiv.com and provide wp-admin access so we can adjust your pagination and icons.

Thank you!

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