Hey there kevkev770,
How are you doing today?
Please try adding the following CSS code in the style.css file of your child theme or if your theme doesn’t have custom CSS tab add it in your site using the following plugin:
http://wordpress.org/plugins/simple-custom-css
.page-blog > .container {
margin-top: 140px;
}
The above code should affect only those two pages, if the code doesn’t work please keep it added and let me know so I can take a look 🙂
Cheers,
Bojan
Hi Bojan
Thanks to you, I am doing perfectly fine today. I tried so many combinations with page-blog-top, blog post etc. in the CSS but nothing worked out. But it was more like a try and error approach thus actually I have no clue about CSS. I tried to derive from other things which were already in the CSS 😉
It works impeccable! Thank you.
btw: maskitto light theme has an embedded CSS code block therefore it is evitable to use a child theme or the plugin recommended.
I hope you’re also doing fine today and wish you a happy end of the year!
cu
kevkev
sorry for disturbing again:
I changed the same in the same website (for another event), but here it affects the maskitto blog widget at the front page.
http://slowup.basel-dreiland.ch/de/
do you know why? 😉
Hey again kevkev,
Yes I do know, it happens because your home page is using the same class I used above. Sorry about that. I checked few pages and I assumed this class in not being used elsewhere.
Please try adding this as well:
.home .page-blog > .container {
margin-top: 0;
}
This will override the above code only on your home page and it will still work on other pages so you don’t have to worry about that.
I’m doing great, thanks for asking!
Happy holidays!
Bojan – WPMU DEV
I am having this same problem. From what i have read i need to set up a child theme and make adjustments there under a special css folder. How do i find out the name of the selector that all blog posts go under?
Hey there @ryanc23,
You don’t have to setup a child theme, you can use the plugin I’ve mentioned above and add CSS code to Appearance -> CSS.
As for your question I’m not really sure what you mean as this is a pretty old thread, can you please post link to your site where I can see this and I’ll help out with the selector.
Is the issue on single blog pages or on your blog page?
Please let me know 🙂
Cheers,
Bojan
I was just familiarizing myself with WordPress. I found the selector that i needed to apply the CSS to. I appreciate your answer as it helped. The blog is here http://www.sabrinamust.com
Another problem i am having is with the header on mobile. I cannot get the header to resize properly when downsizing to the cellphone mode. I have looked and adjusted settings but i cannot figure out how to get it resized. One thing i’ve been considering is just having the image removed when WP is on mobile and just populating that area with text. Or replacing the picture altogether and just having text. Thoughts? Thank you for the previous reply!
Hey again,
Panels in your grid are having 300px margin bottom which is creating this space on mobile screens. You can use media queries to target smaller resolutions and reduce this margin only on mobile screens.
Please try adding the following CSS code in the style.css file of your child theme or if your theme doesn’t have custom CSS tab add it in your site using the following plugin:
http://wordpress.org/plugins/simple-custom-css
@media (max-width: 780px) {
#pl-3732 .panel-grid, #pl-3732 .panel-grid-cell {
margin-bottom: 20px;
}
}
Also please open your own threads rather then posting new questions in the old resolved threads like this one.
Cheers,
Bojan
Thanks so much sir. I am learning WP and much appreciate your help.
