Bottom footer, Space between posts in the categories and posting date, etc

ourmovietips · Member · Mar 31, 2019 at 12:53 pm
Copy link

Add topic to favorites
1) How to reduce, or eliminate the bottom footer space (at the bottom of “OURMOVIETIPS” and the Instagram logo)?
https://imgur.com/a/GGqYh6o

2) How to reduce the space between the posts that are in the different categories (the images and titles to be more specific) and the post date?
https://imgur.com/a/eiEpUhy

3) How to eliminate the following thing, not sure how to name it, it appears when you visit my page and it basically lets my visitors subscribe, register, etc.
https://imgur.com/a/VKkY5xR

Thank you so much.

The blog I need help with is: (visible only to logged in users)
torres126 · Member · Mar 31, 2019 at 3:09 pm
Copy link
Hi there,

1) How to reduce, or eliminate the bottom footer space (at the bottom of “OURMOVIETIPS” and the Instagram logo)?

Are you referring to the dark blue colophon or the grey background? The grey background extends as far as the sidebar does, it seems, whereas the colophon can be removed using the following CSS:
```
#colophon {
display: none;
}
```
2) How to reduce the space between the posts that are in the different categories (the images and titles to be more specific) and the post date?

Try this:
```
.category .archive-grid .hentry {
height: auto;
max-height: 480px;
}
```
3) How to eliminate the following thing, not sure how to name it, it appears when you visit my page and it basically lets my visitors subscribe, register, etc.

That’s the default WordPress.com actionbar, which serves many purposes which are beneficial to your reader but also provide the ability for viewers to report content which violates WordPress.com’s rules. As a result, I’m not exactly certain if this should be removed, but I found a thread which offered this solution from a staff member, so it should be okay.

`#actionbar {
visibility: hidden;
}

Adding CSS: https://en.support.wordpress.com/custom-design/editing-css/

Let us know if that works for you! :)
ourmovietips · Member · Mar 31, 2019 at 3:36 pm
Copy link
1) and 2) Worked! Thank you so much!

However, 3) did not, the actionbar still appears.
I copied:

`#actionbar {
visibility: hidden;
}

But nothing changed :( Do you know what could be wrong?

Thank you so much :)
khushbudesaiblog · Member · Mar 31, 2019 at 4:16 pm
Copy link
Hi,

For question 3, Try below code

div#actionbar
{
display : none;
}
ourmovietips · Member · Mar 31, 2019 at 4:53 pm
Copy link
It worked! Ty so much!
ourmovietips · Member · Mar 31, 2019 at 5:20 pm
Copy link
Thanks
ourmovietips · Member · Mar 31, 2019 at 5:32 pm
Copy link
I have one more question, is there any way I can include more than 2 blog posts on the different categories? (for instance, when you go to the “posts” categorie, you can only see 2 and 1 below, can I make all 3 appear on the same line?

Thanks
torres126 · Member · Mar 31, 2019 at 6:05 pm
Copy link
Hi there,

Is my understanding correct that you’re intending to have three categories in a row instead of two on a page such as this one? https://ourmovietips.com/category/tops/

That can be achieved through the following CSS:
```
.category.active-sidebar .archive-grid .hentry {
width: calc(100% / 3);
}
```
You can replace three in the code above with as many posts that you would like to display. Let us know if that works for you. :)
ourmovietips · Member · Mar 31, 2019 at 6:31 pm
Copy link
It did, thank you! However, I ended up deleting the lateral widgets and the whole website ended up looking better + the issue also got solved!

Sorry for all these questions, Im working on it right now and from now and then new ideas come up lol.

Thanks!
torres126 · Member · Mar 31, 2019 at 7:52 pm
Copy link
No worries, feel free to write back if you have any more! :)

No items found.