Hi there,
1. Try this
header .site-tools {
position: absolute;
right: 0px;
width: auto;
top: 0;
left: 0;
margin: auto;
width: 200px;
text-align: center;
}
header .site-tools li {
float:none;
display:inline-block;
}
header .site-tools .socials {
float:none;
}
in your custom CSS box to add them before the logo.
2. You will need to open functions.php and change
set_post_thumbnail_size( 665, 435, true );
with
set_post_thumbnail_size( 665, 99999, true );
Open the default editor and then navigate to the /themes/olsenlight/ folder to find the file.
then install the Regenerate thumbnails plugin, activate it and go to Tools – Regen. Thumbnails to run a regeneration in order for the change to be applied.
3. Some custom css is causing this.
Add this
@media(max-width:991px) {
.single-post #site-content > .row > .col-md-8 {
margin-left:0px;
}
}
in your custom CSS box in the end.
4. Try this
.entry-title:after {
content:'';
background:url(your-image.svg);
width:100%;
height:20px;
display:block;
left:0;
}
in your custom CSS box replacing with your image/vector when referred.
Let me know if you need additional help on this.
Thank you for your reply!
I did your solutions and:
1-2. It worked perfectly! Many many thanks! 🙂
3. It works for the mobile theme, but it works also for the desktop theme, which I want to be the one I’ve setted now.
4. Maybe I’ve used the wrong media (I’ve tried a line just to see the results), but I can only see a little part of it. I’ve surely made some mistake.
Thank you for the help!
Edit:
I’ve found in the desktop theme that next/prev buttons are collapsed to the footer. I’ve made a screenshot of this: https://prnt.sc/kaxc9i How can I do?
Hello!
For #4 try using this CSS instead
.entry-title:after {
content: '';
background: url(https://thepocketroamer.com/arrow-2/);
height: 30px;
width: 185px;
display: block;
background-size: contain;
margin: 0 auto;
}
Regarding #3 I see that you have removed the styling, could you please add it again so we can check out why it’s not working properly?
Finally, did you fix the pagination button overlap issue? Because it looks fine on my browser here.
Hi!
Thank you for the help!
Now #3 is ok now, the code is working fine!
And for #4 it worked perfectly aas I wanted!
But still I have the pagination button issue and I don’t know why. I use browser chrome, but before code changes it was all ok.
Could you please give us a URL where we can see this issue? I tried visiting both your homepage and a couple of your posts and I do not see the overlap in the previous/next buttons.
I see the issue in the home page actually. Only there. https://thepocketroamer.com/
I don’t know if it’s a problem of chrome, because when I use Firefox the issue don’t shows up.
Can I ask another question about 1#? Is it possible to have a bigger size of the icon without touching social share icons in posts?
And when I open the archive page of a category/tag is it possible to see the title page with the name of the category? If not I’ll keep it as it is now.
Thank you for the help, I very appreciate it!
Hi there,
try this
.site-tools li a{
font-size:20px;
}
.site-logo{
padding-top:50px;
}
in your custom CSS box.
Can you try this https://wordpress.org/support/topic/footer-menu-overlaps-comment-submission/
for the pagination and let me know if this helps?
It worked! Now with the height: auto pagination is perfect!
And also the code for the icon size worked!
Thank you for your patience and the help with the code, I really appreciate it!
I will mark this thread as resolved, many many thanks!
Glad I could help!
I’d like to ask you, if you like the theme and could take a minute to review it here it would help us a lot!
Done! 🙂
Thank you again for the support! 🙂
Thank you for your feedback!
