Change the image size from shaper template

Everything to do with Joomla! 3.x templates and templating.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Post Reply
rescobar89
Joomla! Apprentice
Joomla! Apprentice
Posts: 9
Joined: Tue Jan 22, 2019 8:32 pm

Change the image size from shaper template

Post by rescobar89 » Sat May 11, 2019 9:06 pm

Hi all.
I have installed shaper template in my site, but i cannot find the property to change the image size of the header.
i tried to check the code with google inspector but i cannot find where is the property of the heigh of the image.
Image

the url of my site have words that migh be confused as spam, i dont want to be banned, please let me know the right way to share the url so you can help me

User avatar
paulala
Joomla! Explorer
Joomla! Explorer
Posts: 295
Joined: Sat Oct 30, 2010 12:32 pm
Location: Scotland
Contact:

Re: Change the image size from shaper template

Post by paulala » Sun May 12, 2019 9:21 am

The header height will be specified in CSS most likely. Take a look at that.

Remember when you are in the inspector you can adjust CSS on the fly to see the effect of any changes you make.
Warm Regards,
Paula Livingstone, Skydiving Instructor and Network Security Consultant
https://paulalivingstone.com
http://rustyice.co.uk

rescobar89
Joomla! Apprentice
Joomla! Apprentice
Posts: 9
Joined: Tue Jan 22, 2019 8:32 pm

Re: Change the image size from shaper template

Post by rescobar89 » Sun May 12, 2019 4:23 pm

paulala wrote:
Sun May 12, 2019 9:21 am
The header height will be specified in CSS most likely. Take a look at that.

Remember when you are in the inspector you can adjust CSS on the fly to see the effect of any changes you make.
I did it, but i cant find any property of the heigh, im assuming that is because maybe there is no heigh in px, just in percentages, but i cannot locate it.
could you take a look of the site ?
the url is: https://genitalsurgery.com.mx/services/ ... as-surgery

User avatar
paulala
Joomla! Explorer
Joomla! Explorer
Posts: 295
Joined: Sat Oct 30, 2010 12:32 pm
Location: Scotland
Contact:

Re: Change the image size from shaper template

Post by paulala » Sun May 12, 2019 5:20 pm

Ha! Thats quite a site..

Try this:

Code: Select all

#sp-title {
min-height: 0;
height: 150px;
}
and:

Code: Select all

.sp-page-title {
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
margin-bottom: 63px;
height: 150px;
}
If its not exactly what you want it should get you on the right track.
image.jpg
You do not have the required permissions to view the files attached to this post.
Warm Regards,
Paula Livingstone, Skydiving Instructor and Network Security Consultant
https://paulalivingstone.com
http://rustyice.co.uk

rescobar89
Joomla! Apprentice
Joomla! Apprentice
Posts: 9
Joined: Tue Jan 22, 2019 8:32 pm

Re: Change the image size from shaper template

Post by rescobar89 » Mon May 13, 2019 3:05 pm

paulala wrote:
Sun May 12, 2019 5:20 pm
Ha! Thats quite a site..

Try this:

Code: Select all

#sp-title {
min-height: 0;
height: 150px;
}
and:

Code: Select all

.sp-page-title {
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
margin-bottom: 63px;
height: 150px;
}
If its not exactly what you want it should get you on the right track.

image.jpg
Let me check i ill be back with comments

rescobar89
Joomla! Apprentice
Joomla! Apprentice
Posts: 9
Joined: Tue Jan 22, 2019 8:32 pm

Re: Change the image size from shaper template

Post by rescobar89 » Mon May 13, 2019 10:53 pm

Hello !
thanks for helping me, but i saw the image that you attached here, and as i see, you decrease the section of the title, please see my original post, it have a big red arrow pointing the image that i want to decrease the heigh, not the title.
Hope i was clear.

rescobar89 wrote:
Mon May 13, 2019 3:05 pm
paulala wrote:
Sun May 12, 2019 5:20 pm
Ha! Thats quite a site..

Try this:

Code: Select all

#sp-title {
min-height: 0;
height: 150px;
}
and:

Code: Select all

.sp-page-title {
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
margin-bottom: 63px;
height: 150px;
}
If its not exactly what you want it should get you on the right track.

image.jpg
Let me check i ill be back with comments

User avatar
paulala
Joomla! Explorer
Joomla! Explorer
Posts: 295
Joined: Sat Oct 30, 2010 12:32 pm
Location: Scotland
Contact:

Re: Change the image size from shaper template

Post by paulala » Tue May 14, 2019 7:42 am

Ah ok. I misread that. Standby Ill take a look.
Warm Regards,
Paula Livingstone, Skydiving Instructor and Network Security Consultant
https://paulalivingstone.com
http://rustyice.co.uk

User avatar
paulala
Joomla! Explorer
Joomla! Explorer
Posts: 295
Joined: Sat Oct 30, 2010 12:32 pm
Location: Scotland
Contact:

Re: Change the image size from shaper template

Post by paulala » Tue May 14, 2019 7:53 am

The problem you are going to face regarding making that image smaller is that it doesn't have an id to target it directly. Is there a way in the backend you could apply an id or class suffix to it?

You could apply a fix to it using its XPath but that's a bit of a kludge and doesn't cope well if the page changes around it.

Assuming this page is finalised try doing something like this.

Code: Select all

.spmedical img {
max-height: 400px;
}
It's not perfect as its targeting other images on the page but I don't see any other images even close to that size so it should suffice.
Warm Regards,
Paula Livingstone, Skydiving Instructor and Network Security Consultant
https://paulalivingstone.com
http://rustyice.co.uk

rescobar89
Joomla! Apprentice
Joomla! Apprentice
Posts: 9
Joined: Tue Jan 22, 2019 8:32 pm

Re: Change the image size from shaper template

Post by rescobar89 » Wed May 15, 2019 4:04 pm

Hi Paulala, thanks for your support.
i found a way to change the heigh, but change other things of the template so i will cancel the idea of change the heigh om the image .

thanks again and have a nice day.
paulala wrote:
Tue May 14, 2019 7:53 am
The problem you are going to face regarding making that image smaller is that it doesn't have an id to target it directly. Is there a way in the backend you could apply an id or class suffix to it?

You could apply a fix to it using its XPath but that's a bit of a kludge and doesn't cope well if the page changes around it.

Assuming this page is finalised try doing something like this.

Code: Select all

.spmedical img {
max-height: 400px;
}
It's not perfect as its targeting other images on the page but I don't see any other images even close to that size so it should suffice.

User avatar
paulala
Joomla! Explorer
Joomla! Explorer
Posts: 295
Joined: Sat Oct 30, 2010 12:32 pm
Location: Scotland
Contact:

Re: Change the image size from shaper template

Post by paulala » Wed May 15, 2019 4:46 pm

Take a look at using jQuery to target it specifically. That might be your best option.
Warm Regards,
Paula Livingstone, Skydiving Instructor and Network Security Consultant
https://paulalivingstone.com
http://rustyice.co.uk


Post Reply

Return to “Templates for Joomla! 3.x”