Support Forums

Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Center row minimum height

Featured Lock Resolved Task
Hello,

Is there a way to add a minimum of height to make sure that the image and the box of text have the same height?

It's the article addon on the center row of the demo home variation 2.

Attachments (1)

  • Screenshot-2017-11-28 Accueil(1).png
    Screenshot-2017-11-28 Accueil(1).png 523.1 KB

21 Answers

Toufiq - Staff

More than a month ago #Permalink
Hi,

Please use min-height css code. If you can't please share your site url. I will help you.

-Thanks

AntoBG

More than a month ago #Permalink
In the template administration I tried this in the Costum CSS, but that changed nothing :


.sppb-addon-article .sppb-addon-content {
padding-bottom: 18px;
min-height: 250px;
}


Here my website, still in developpement. To access :

http://wrestlemania.fr/jambon/

Username : Jambon
password : [(j*stZk*JOg

Toufiq - Staff

More than a month ago #Permalink
Hi,

Add this CSS code inside the custom.css file.


.sppb-article-details {
height: 150px;
}


-Thanks

AntoBG

More than a month ago #Permalink
That worked but create a space in the headline. Maybe we have to specify the code ?

Attachments (1)

  • Screenshot-2017-11-30 Accueil.png
    Screenshot-2017-11-30 Accueil.png 727.2 KB

Toufiq - Staff

More than a month ago #Permalink
Hi, Please check now. Thanks

AntoBG

More than a month ago #Permalink
Thank you ! This modification worked. :)

AntoBG

More than a month ago #Permalink
And in a category what will be the better code ? Like in the demo in ''world'' for example.

Attachments (1)

  • Screenshot-2017-12-3 Newz.png
    Screenshot-2017-12-3 Newz.png 652.1 KB

Toufiq - Staff

More than a month ago #Permalink
Hi, Add this CSS code inside your custom.css file


#kt .g-list-inline>li {
display: inline-block;
font-size: 12px;
margin-right: -8px;
}
.newskit-blog-content-wrap {
height: 160px;
}


-Thanks

AntoBG

More than a month ago #Permalink
Awesome ! :D

Toufiq - Staff

More than a month ago #Permalink
Awesome ! :D


Hi, You are most welcome & Thanks

AntoBG

More than a month ago #Permalink
Since my transfer on my main domain I don't know why but my center row lost his configuration as you can see on my screen. And now on my main web site : https://www.catch-newz.com/

And I don't know why because in the css of the article adodn I keep the ''newskit-v2-life-style'' to match with :


.newskit-v2-life-style .sppb-article-details {
height: 150px;
}


In my template custom css.

Can you help me with this please ?

Attachments (1)

  • Screenshot-2017-12-23 Accueil.png
    Screenshot-2017-12-23 Accueil.png 728.2 KB

Toufiq - Staff

More than a month ago #Permalink
Hi,

Thanks for your reply. At first turn off the css and javascript compression from Template manager Advanced Tab. Then check again, please.

-Thanks

AntoBG

More than a month ago #Permalink
Thank you for your answer.

They are already off and my other custom CSS configuration are working fine.

Attachments (1)

  • Screenshot-2017-12-26 Templates Modifier le style - Catch-Newz - Administration.png
    Screenshot-2017-12-26 Templates Modifier le style - Catch-Newz - Administration.png 14.8 KB

Toufiq - Staff

More than a month ago #Permalink
Hi, Please turn off the plg_jchoptimize plugin. Thanks

AntoBG

More than a month ago #Permalink
I disable the plugin and still the same issue. No change.

Toufiq - Staff

More than a month ago #Permalink
I disable the plugin and still the same issue. No change.


Hi, Send me the administrator access via pm. Thanks

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Please add this css code inside the custom.css file.


.sppb-addon-article .sppb-article-details {
padding: 22px 25px 23px;
background: #fff;
margin-bottom: 30px;
}
.layout-essential .sppb-addon-article.intro-item .sppb-article-image-wrap {
float: left;
width: 170px;
overflow: overlay;
height: 140px !important;
margin-bottom: 30px;
}

.layout-essential .sppb-addon-article.intro-item .sppb-article-details {
float: left;
padding: 18px 25px 7px;
width: 69.2%;
min-height: 140px;
}


-Thanks

AntoBG

More than a month ago #Permalink
With this new code that creates distortion on the mobile version as you can see on the screen and add a white space in the top article sliding addon.

Note : This distortion on the mobile version was not present in the quickstart version. So maybe it's a configuration that the template don't have ?

I send you the access.

Attachments (2)

  • screen-code-mobile.png
    screen-code-mobile.png 832.3 KB
  • screen-code-site.png
    screen-code-site.png 103.7 KB

Toufiq - Staff

More than a month ago #Permalink
With this new code that creates distortion on the mobile version as you can see on the screen and add a white space in the top article sliding addon.

Note : This distortion on the mobile version was not present in the quickstart version. So maybe it's a configuration that the template don't have ?

I send you the access.


Hi, Send me the Joomla administrator access via pm. I will write down the media query css. Thanks

AntoBG

More than a month ago #Permalink
Yes I sended you the access yesterday. :)

Toufiq - Staff

More than a month ago #Permalink
Hi there, I have replied your pm. Thanks


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 243
Sifat

Sifat

Total Accepted Answers: 117
Toufiq

Toufiq

Total Accepted Answers: 97
Pavel

Pavel

Total Accepted Answers: 5
Rifat Wahid Alif

Rifat Wahid Alif

Total Accepted Answers: 4

100+

Templates

200,000+

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us