Read more buttons on Blog page - same styling as single blog post

gerlindevassen

Hi guys

Please can you tell me how I can get my Read more buttons on http://simonskloof.com/blog/ to use the same styling look and feel as on the single blog post pages: http://simonskloof.com/2018/10/16/30-years-kloofing-the-nuy-river-gorge/

Thank you

Pablo

Hello,

It will not be easy to achieve, you would have to edit a lot of CSS code to get it similar to it - there is no option in the theme options to change that.

We strongly suggest not to touch it, because HTML structure of these two elements is very different.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

gerlindevassen

ok thanks. 

i am also having quite a few issues with the responsiveness of your site - images, text, heading sizes etc I find myself having to adjust them via css.. is there no settings for this, or am i missing something. 

thanks so much. 

Pablo

Tell me more about them, I'll try to help you with them.

If you would attach some screenshots it would be really helpful.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

gerlindevassen

thank YOU. 

easier than screenshots: https://simonskloof.com/ 

1) all the headings: I used css to reduce the font size on mobile. is that the best way to do it? 

2) the big bg images eg "Mountain Cottage & Camping" - i also reduced the font-size but how do I get that image to not use that much space on mobile - same applies to all the bg images used.

3) Is there a way to make the header / nav behave the same way as desktop? Transparent and then sticky white on-scroll 

4) padding: i will adjust them over-all and then see how to filters down to mobile. 

Warmest wishes

Gerlinde

Pablo

1) Just use the "Decrease Fonts" for the mobile option.

Theme Options > Responsive > General

https://prnt.sc/s547bt

2) The only way will be by decreasing the padding on that element, this is the source making issue.

3) Yes, of course.

Theme Options > Responsive > Header

https://prnt.sc/s548ps

4) Sorry, I do not quite understand.

Can you explain?

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

gerlindevassen

thanks so much. 

i think all is ok now except the background images with the big headings on like eg Mountain Cottage & Camping - somewhere there is a min-height being forced onto the image and that makes it use too much of space on mobile. 
Could you kindly show me how to make the image naturally shrink/resize on smaller screens without using that much height. 

Pablo

It's forcing it because of the "full screen" option enabled in the section.

https://prnt.sc/s7ej8f

Please get into the settings of the section and disable that option - it will be on the bottom of the section settings.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next