Fixed Sidebar for Homepage

Posted in: Newsmag
Post count: 31

I used Visual Composer for my homepage and made a widgetised sidebar, however I was wondering how I can make this sidebar fixed?

Post count: 31

Update: Figured out how to get it fixed! So nevermind about that. I was also wondering how I can change the style of my “load more” button on infinity load. specifically, I would like it like on http://sneakerbardetroit.com/ (with a black background and red hover). Thanks!

Post count: 23312

Hello justfreshkicks,

I noticed that you are using the block 11 to display your Latest Sneakers News, right? So, if you want to change the pagination, you should do it from Block Settings, like this -> http://screencast.com/t/zKz5Y7v3n For more information about these settings, please consult our documentation here -> https://forum.tagdiv.com/block-settings-guide/

Thanks for your understanding!

Post count: 31

Thanks for the response!

I am actually using Block 5 to display the latest sneaker news on my homepage. Also, I did notice that I can go into the Block Settings but all I can do there is change the pagination type. However, what I wanted to do is keep my pagination type (infinity load), but change the look of it like on http://sneakerbardetroit.com with a black background and red hover. So is there any custom CSS code you can give me to do that? Thanks!

Post count: 23312

Hello justfreshkicks,

I suppose that you want to change the “Load More Stories” button, right? Try the code below and place it in Theme panel->Custom CSS area.

.td-load-more-wrap {
background-color: green;
}
.td-load-more-wrap a:hover{
color:blue;
}

The result is here -> http://screencast.com/t/MZClUUlG

If is not what you mean, please provide more details so I will be able to provide a more accurate response.

Thanks for the message!

Post count: 31

Thanks for the response!

yep thats exactly what I wanted!

I put in that code and changed the background color to black and hover to red, however I was wondering how I can change the regular text color to white, as on my site now (JustFreshKicks.com, scroll down a little on the homepage to see the button) you can’t see the text. Also, if you can please tell me how I can center the text and make it the same size as in the picture you provided and remove the arrow that would be exactly what I am looking to do. Thanks!

Post count: 23312

Hello justfreshkicks,

Try the code below and place it in Theme panel->Custom CSS area.

.td-load-more-wrap a {
color: #FFFFFF;
padding-top: 20px;
width: 100%;
font-size: 18px;
font-weight: 600;
}
.td_ajax_load_more {
margin-bottom: 0px!important;
}

The result is here -> https://www.screencast.com/t/5CxAzJmnyJL

Thanks for the message!

Post count: 25

I used Visual Composer for my homepage and made a widgetised sidebar, however I was wondering how I can make this sidebar fixed?

I have this problem. How can I fixe my widgetised sidebar? Thanks!

Post count: 23312

Hello krysteleal,

Please try to check the following tutorial on how you can use the Visual Composer, like this -> https://forum.tagdiv.com/newsmag-how-to-use-visual-composer/ Also, if you want that your sidebar to be fixed, you should turn off the Smart Sidebar option from Theme panel.
If is not what you mean, please provide more details so I will be able to provide a more accurate response.

Thanks for the message!

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