[Resolved] need to design a home page and blogpost content template

[Piyush]

is this you want me me to do : https://watch.screencastify.com/v/3uwKrMngpreW7XulQmmZ

[Ying]

No, I mean this:

[Piyush]

is this ok now , please see this : https://watch.screencastify.com/v/rWxluapchfZr4CWteNOU

[Ying]

The container is set up correctely now.

But the post template container‘s inner z-index isn’t set up yet, once it’s set, try adding this CSS:

.gb-container.gb-container-3d8c5444 {
    opacity: 0;
    position: absolute;
    top: 15px;
    left: 3px;
    transition: all .3s ease;
}

figure.gb-block-image.gb-block-image-03492a8a:hover + .gb-container-3d8c5444,.gb-container-3d8c5444:hover {
    opacity: 1;
}

[Piyush]

its done , but this is not on right place and not visible too . please check desifliz.com

i need to display like this : https://photos.app.goo.gl/Keebsc2U9jZ9Zk4j8

black background color + list wise and colurfull categories

[Ying]

its done , but this is not on right place and not visible too

It’s a container block, you can style it as you wish, this doesn’t require CSS.

[Piyush]

i can not able to setup

[Ying]

i can not able to setup

Step 1: Select the container block, go to colors tab, and select a semi-transparent dark color as its background colour.

[Piyush]

mam Ying : i need this format please check this iage as ref : https://photos.app.goo.gl/Keebsc2U9jZ9Zk4j8

how do i get this same.

what i am getting is :
1. its not not proper position
2. categories are not appearing on next line
3. its on mouse hover but when i tried to move mouse on it , its disapeared

please check on my site : desifliz.com

[Ying]

1. I’ve updated the CSS here for positioning and you should be able to hover the container:
https://generatepress.com/forums/topic/need-to-design-a-home-page-and-blogpost-content-template/page/3/#post-2506317

2. For the categories, add this CSS, and remove the TERM SEPARATOR.
https://www.screencast.com/t/Vzs2LPeBCm

.cu-query-loop-cont span.post-term-item {
    display: block;
}

3. Add some paddings and border-radius (round corner) for the container.

[Piyush]

i added all these css already , and when i tried click on that container its disapered ..

[Ying]

The CSS on the front end didn’t change, have cleared your cache after editing the CSS?

[Piyush]

yes i did , but its the same , when i move cousor on it , that container disapered

[Ying]

I can see your custom CSS, it’s still the old CSS.
https://www.screencast.com/t/pFhoAxDlql

[Piyush]

i already purge caches . from cdn too .. what you what me to do , i added all the css you provide me.

you do not understand what i am tried to tell you , mam.

see this , when i tried to move cursor on it, its gone , disapeared .. https://watch.screencastify.com/v/2lbCV3vKbfx8qVICuJ9D

[Author]

Posts