Title Image Height In Restora Template - Question | JoomShaper
🎃 Halloween Sale is Live! Get 35% OFF on all plans. Sale ends soon! Get Offer

Title Image Height In Restora Template

G

gemmajoom

Template 4 years ago

How can i reduce the height of the cover image of the pages where the title appears? ( see attached image https://ibb.co/vcT9kX6 )

I tried with these custom css but it doesn't work:

#sp-title {
    height: 80px !important;
}
.sp-page-title {
    height: 80px !important;
}
0
8 Answers
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 years ago #15341

Hello gemmajoom

Please use this CSS to Template Options -> Custom Code -> Custom CSS

#sp-title .sp-page-title{
    padding: 100px 0px;
}

Best regards

0
Muntasir Sakib
Muntasir Sakib
Accepted Answer
Support Agent 4 years ago #15343

Hello there,

Change the padding instead of adding Height custom CSS code. That will solve the issue.

Thanks!

0
G
gemmajoom
Accepted Answer
4 years ago #15348

I found that it is the article featured image of the blog option to change, not the title image. How to do?

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 years ago #15352

You can change the image in the Main Menu -> About -> Page Title -> Background Image

Screenshot at Apr 24 16-30-04.png

0
G
gemmajoom
Accepted Answer
4 years ago #15355

on the Restora Template, Background Image of page title does not work, the image is not displayed, so I had solved the problem with the featured image of the native joomla article

0
G
gemmajoom
Accepted Answer
4 years ago #15634

How can i reduce the height of the featured image of the native joomla article?

0
Pavel
Pavel
Accepted Answer
4 years ago #15674

Hi.

.view-article .article-full-image img {
    height: 200px;
}

or

.view-article .article-full-image img {
    height: 200px;
    width: 100%;
    object-fit: cover;
}
0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 years ago #15710

Pleaes try the CSS given by Pavel.

0