Issues with 'Load more' tag on homepage and customisation

Posted in: Newspaper
Post count: 436

Hi, Kindly see this screenshot : https://s17.postimg.org/af0c8n01b/2017-04-16_17-01-25.jpg

You can see that the ‘Load More’ is not very visible. Also the bottom border of first two ‘Load more’ tag is not visible.

1. Kindly provide a custom code to fill it with some color other than that of theme accent color or change the color of the border from faint gray to dark blue or something.

2. The bottom border of first two ‘load more’ is invisible. How can I make it fully visible.

3. Apart from this, here is an another screenshot- https://s28.postimg.org/fpjv9h83x/2017-04-16_17-04-24.jpg , this is ‘Related Article’ at the end of every post. Here ‘Next page and previous page’ icon is also not visible. So it also needs – 1. change of border color 2. fill it with some color.

Thank you.

Post count: 436

Something like this-

null

Post count: 22421

Hi,

1) You can use a css code like so:
.td-load-more-wrap a{
color: white;
background-color: red;
}

result: https://www.screencast.com/t/SGYlYb62dyc

If you want to increase the button width, you cna change it;s padding like so:
.td_ajax_load_more{
padding: 10px 110px;
}

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

2) I’m not sure what bottom border you are referring to.

3)You can try to make it more visible like so:
.td-next-prev-wrap a{
border: 2px solid #fa0000;
color:Red;
}

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

Thank you!

Post count: 436

Thank you so much.. It is helpful 🙂

3. Why not make next-prev button also similar to ‘load more color scheme’ mean, the box will be filled with red color and the ‘next’ and prev arrow will be bold text in white color.

Also, what about page numbers 1,2,3 ..etc on Mobile homepage? Here is the screenshot : https://s12.postimg.org/pv3ahnvyl/2017-04-18_18-31-05.jpg

Can we have these 1,2,3 buttons similar to ‘next’ prev’ buttons ( red filled color with white numbers) ?

Thank you.

Post count: 23312

Hello nano2408,

Please keep in mind that style was choosing from our web designers. If you want to change it or you want to improve it, you should make it yourself because you need to do more additional customization which we cannot provide at the moment, sorry! If you are not aware of these, please consider hiring a freelancer/developer to help you! As a hint, you can stat your project beginning from this useful tutorial, like this -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Post count: 436

Hi Catalin,

Thank you for reminding me TOS of TagDiv again.

Yes, I am aware that I should hire a freelancer/developer to give me three lines of code that Bogdan has already given me above. Previously, I had forgotten to ask for the mobile version, so he couldn’t provide me the code.

Anyways, I understand. You must have already warned Bogdan as well not to continue helping like this by going beyond the normal work standard as it provokes users to ask for more. Yes, I do understand.

Thank you

Post count: 2

Thanks alot..

Post count: 23312

Hello Nano,

If you want to affect the style for mobile devices, notice that you should use the media queries according to the following useful tutorial here -> https://www.w3schools.com/css/css_rwd_mediaqueries.asp

Thanks.

Viewing 8 posts - 1 through 8 (of 8 total)
You must be logged in to reply to this topic.