zohaibkhan5

i have tried your code its working but have issues check pls:

<div class="flex-container">
    <div class="flex-item">
        <div class="flex-item-inner homepage-div homepage-div-shadow">
             <img class="homepage-div-icon"/>
                <h2>Heading</h2>
                <h6>Sub-Heading</h6>
                <p>This is responsive paragraph. Text would not move out of div as below .</p>
                <button class="bttn"><a href="#" role="button">Buy Now Item</a></button>
        </div>
    </div>
    <div class="flex-item">
        <div class="flex-item-inner homepage-div homepage-div-shadow">
                <img class="homepage-div-icon" />
                <h2>Heading</h2>
                <h6>Sub-Heading</h6>
                <p>This is responsive paragraph. Text would not move out of div as below .</p>
                <button class="bttn"><a href="#" role="button">Buy Now Item</a></button>       
        </div>
    </div>
    <div class="flex-item">
        <div class="flex-item-inner homepage-div homepage-div-shadow">
                <img class="homepage-div-icon" />
                <h2>Heading</h2>
                <h6>Sub-Heading</h6>
                <p>This is responsive paragraph. Text would not move out of div as below .</p>
                <button class="bttn"><a href="#" role="button">Buy Now Item</a></button>        
         </div>
    </div>
    <div class="flex-item">
        <div class="flex-item-inner homepage-div homepage-div-shadow">
               <img class="homepage-div-icon" />
                <h2>Heading</h2>
                <h6>Sub-Heading</h6>
                <p>This is responsive paragraph. Text would not move out of div as below .</p>
                <button class="bttn"><a href="#" role="button">Buy Now Item</a></button>       
         </div>
    </div>
</div>

css:

/*homepage-div*/
.homepage-div-container{
    width: 100%;
    position: absolute;
    font-size: 18px;
    font-family:"Helvetica Neue";
    text-align: center;
}
.homepage-div{
    text-align: center;
    display: inline-block;
    width: 270px;
    padding: 10px;
    margin: auto;
    word-wrap:break-word;
}
.homepage-div-shadow{
    padding: 20px;
    box-shadow: 2px 2px 8px 1px #cccccc;
    border: solid 1px #cccccc;
    border-radius: 2px;
}

.homepage-div-icon{
    background-image: url("image.png");
    width: 100px;
    height: 100px;
}
.homepage-div a{
    text-decoration: none;
    color: white;
    font-size: 16px;
}
.homepage-div h2{
    font-size: 28px;
    opacity: 0.90;
    font-weight: 600;
    margin: 5%;
    margin-bottom: 6px;
}
.homepage-div h6{
    font-size: 17px;
    padding: 0px;
    margin: 0px;
    margin-bottom: 20px;
    opacity: 0.6;
}
@media(min-width: 769px) {
    .flex-container {
        display: flex;
        flex-wrap: wrap;
    }

 /* 2 Column for tablet */
    .flex-container .flex-item {
        flex: 1 0 50%;
    }
}
/* 4 colum desktop */
@media (min-width: 1024px) {
    .flex-container .flex-item {
        flex: 1 0 25%;
    }
}
/* Style Flex item */
.flex-item-inner {
    padding: 22px;
    margin: 20px;
    background-color: white;
}

• This reply was modified 4 years, 9 months ago by zohaibkhan5.

Thank u so much @diggeddy ,u always solve my issue thanks

pls solve this issue, i have checked from plugin support they said its theme issue

See the screen shots
img 1
img 2

• This reply was modified 4 years, 9 months ago by zohaibkhan5.

i already have opened a ticket but no response from ur side

the issue is resolved with generatepress and other themes there is no issue with plugin I hv confirmed this from the plugins developers.
this problem is with ur theme pls help to solve ,becaz I want to keep astra…

ok thanks, i will let u know if it worked

i don’t want to show any date in SERP.

last updated by Google desktop bot 25/03/2020, there is no date for pages in SERP, this problem is only with posts all my post have date in google results snippet.
i want to remove the function date published from inside the post code is it possible?

• This reply was modified 4 years, 11 months ago by zohaibkhan5.

Thank u sir @diggeddy, it worked.

not working same effect as of focus;it makes bold only when i click the link,
here is the example link: i want like this below:
https://www.javatpoint.com/dbms-tutorial

• This reply was modified 4 years, 11 months ago by zohaibkhan5.

i have tried its not working it makes bold only when i click the link, i want to keep the link bold as long as i am staying on that page link

Thank u so much @diggeddy, it worked perfectly!

https://testfellow.com/
sir i want to increase the width to 300px of left sidebar and decrease the widht of main content

but now it is working ………thank u ……i dont know how??? but anyway i just saved the ad block setting again.