OOPS. My main question I meant to ask was how do I resize the full width of the site itself or theme I should say
Hello @nboether,
Hope you are having a great day and thanks for contacting us!
The URL you’ve provided it’s not working (http://www.myhappyhomeschool.com), could you check what’s happening so I can review your questions based on your real case?
Let me know when you have it up & running again.
Kind regards,
Diego
Hi!
I’m so sorry. It’s http://www.thishappyhomeschool.com – losing my mind.
So I think i fixed the overall width of the site, so that’s no longer an issue. But this photo thing is driving me nutty.
Basically, The slideshow is great. No issues there, except will I have to regenerate thumbnails every time I feature a new post/image?
My biggest issue(s) are:
1. the post images. Is there a way to make them a uniform 1×1 square size? I hate that they are cropped like that and would just like them to be the same size always whenever I post.
2. How do I change the overall font on the homepage and other various pages?
3. Is there a way to add a semi-opaque box around the header title font inside of the slideshow that makes it easier to read?
Thank you so much!!
Hi @nboether.
Let me just quickly answer those questions. 🙂
1. The best way to permanently change the image size would be to install and adjust Simple Image Sizes plugin – https://wordpress.org/plugins/simple-image-sizes/
2. That has to be done by adding CSS to Appearance -> Customize -> Additional CSS. BTW Kale Pro has a special section in the customizer just for fonts, where you can customize almost every part of the website font-wise.
3. Yes, there is. Please add this CSS to the abovementioned place:
.frontpage-slider .caption {
background-color: black;
opacity: 0.6;
}
Play with the colour and opacity settings as you wish.
If you have any more questions, just ask. 🙂
You are so awesome – I can’t thank you ENOUGH.
So what CSS would I have to add in to change all the links, fonts, etc? Also, how can I change the color of the arrows? Sorry I know so many questions!
One last item: is there a way to make the sidebar and ‘most recent posts’ text equal height to each other and move them down a bit?
I would buy the PRO; but I’m actually doing this for a client, so It’s not my call.
I appreciate all of your help.
Also I’m really struggling now with photos inside of my actual posts. They are so large and discombobulated. How can i fix this? I’ve tried messing with the image plugin you gave me…it doesn’t seem to do anything.
How can I change the padding of the font in the slideshow? it’s very separated and I’d like it to be closer together. And also how do I change the color of that font?
Sorry I’m done now i swear!
Hi there,
The most generic style for changing font size and link color is:
body {
font-size: 14px;
}
a {
color: #3095ec;
}
but please note that you need to add a lot of other style to change other elements. There’s no easy style you can use to change font size and color of all elements on the page.
To change arrow color please add this to Appearance → Customize → Additional CSS:
.frontpage-slider .owl-nav div:before {
color: #3095ec;
}
What do you mean by equal height of sidebar and blog feed text? If you want the sidebar the same height as blog feed section then the only way to do this is installing this plugin: https://wordpress.org/plugins/custom-css-js/ and adding custom JS:
setTimeout(function() {
var mainColumnHeight = jQuery('.main-column').outerHeight();
jQuery('.sidebar > div').css('min-height', (mainColumnHeight - 40) + 'px');
}, 500);
To add more space above you can use this css:
.frontpage-slider {
margin-bottom: 60px;
}
Regarding image size and Simple Image Size plugin have you tried to resize all images again?
To change color and space on slider you can play with this style:
.frontpage-slider .caption h2 {
margin-bottom: 20px;
}
.caption {
padding: 10px;
}
.frontpage-slider .caption,
.frontpage-slider .caption h2 a,
.frontpage-slider .caption h2:before {
color: #0d7b37
}
Kind regards
Hi,
Thank you.
One last thing: how can I change the font of the ‘recent post’ and comments font?
Yeah, i’m not sure whats going on; but the images inside of the actual posts are so distorted and stressing me out – i have no clue how to fix it to just make them look smaller but still keep their quality. I’ve tried twice to resize them with the plugin. I guess I just don’t understand how it works.
Thanks,
Hi @nboether.
The images in your posts are 1024x1024px at the moment, as per default setting for “Large” photos in that plugin. You can simply change the size of “Large” to what you feel like and regenerate images and that should do it.
Regarding font of recent posts and comments, this should change it:
.entry-summary, .single-content {
font-family: Verdana;
}
and
.comment-meta a {
font-family: Times;
}
.comment-content {
font-family: Times;
}
Of course, change fonts as you feel like.
Kind regards.
