SOLVED image size problem
-
-
- Omarson
- Rocketeer
- Posts: 53
- Thanks: 0
-
Hello,
I've been trying to place an image in showcase position and have it take the full size of the screen without success .. for example if my screen resolution is 1440 px width then i need to have the image covering the whole screen width. In my case it only fits to 1200 px which is the template width.
am using joomla 2.5.7and gantry 4.0.5 in responsive mode.
Thank you in advance .. really appreciate your time and assistance - Last Edit: 11 years 6 months ago by Omarson.
- OmarS
-
-
-
- David Goode
- Preeminent Rocketeer
- Posts: 17058
- Thanks: 890
- Web Designer and Host
-
Hi OmarS,
Try adding the following code to the bottom of template.css...
#rt-showcase .rt-container { width:100%; }
Please remember that these changes will be lost in any future template update. You can avoid this by using the tutorial here - www.rockettheme.com/index.php?f=337&t=10...omcss&rb_v=viewtopic
There is also an alternative option here - www.rockettheme.com/magazine/dec-2011/13...cket-theme-templates
If this resolves your problem then please edit your first post in this thread by adding SOLVED at the start of the title and then select the green tick icon. This lets the moderators know that it can be moved to the solved section.
Thanks for your cooperation
Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
-
-
-
- Omarson
- Rocketeer
- Posts: 53
- Thanks: 0
-
Thanks David for your reply.
I'm using a gantry-custom.css to apply all the changes to the site.
I'll try your code and if it works will mark the post as resolved.
Thanks again for your time and advice
David Goode wrote:Hi OmarS,
Try adding the following code to the bottom of template.css...
#rt-showcase .rt-container { width:100%; }
Please remember that these changes will be lost in any future template update. You can avoid this by using the tutorial here - www.rockettheme.com/index.php?f=337&t=10...omcss&rb_v=viewtopic
There is also an alternative option here - www.rockettheme.com/magazine/dec-2011/13...cket-theme-templates
If this resolves your problem then please edit your first post in this thread by adding SOLVED at the start of the title and then select the green tick icon. This lets the moderators know that it can be moved to the solved section.
Thanks for your cooperation - OmarS
-
-
-
- Omarson
- Rocketeer
- Posts: 53
- Thanks: 0
-
Hi David,
It works but breaks the template responsive features on lower screen resolutions for example 1280 x 800 (currently am using 1440 x 900). any advice
In addition I've noticed that if I changed my screen resolution from 1440 x 900 to any other higher resolution for example (1920 x 1080) the image is not centered but aligned to the left side of the screen. any idea why this is happening?
Thanks in advance for your time and assistance. - OmarS
-
-
-
- David Goode
- Preeminent Rocketeer
- Posts: 17058
- Thanks: 890
- Web Designer and Host
-
Hi there,
Without a link to page where the problem is on your site it is quite hard for us to provide the best solution due to so many variables. We try to provide file names and line numbers for code changes and if changes have already been made then our advice may be incorrect.
Can you please post a link to the problem and we will do our best to assist you.
Thanks
Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
-
-
-
- David Goode
- Preeminent Rocketeer
- Posts: 17058
- Thanks: 890
- Web Designer and Host
-
Hi OmarS,
Not really as I am unable to test code nor can I see if anything else is interfering or overriding code.
I have to go out shortly but will be back again in about 6 hours and will try to work out what you need.
Thanks for your patience
Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
-
-
-
- Omarson
- Rocketeer
- Posts: 53
- Thanks: 0
-
Hello David,
I only need any hour or less to take the site live ... will post the link when done.
appreciate your time and support.
Sincerely,
David Goode wrote:Hi OmarS,
Not really as I am unable to test code nor can I see if anything else is interfering or overriding code.
I have to go out shortly but will be back again in about 6 hours and will try to work out what you need.
Thanks for your patience - OmarS
-
-
-
- David Goode
- Preeminent Rocketeer
- Posts: 17058
- Thanks: 890
- Web Designer and Host
-
Hi OmarS,
Are all images going to placed in modules?
Placing images between <p></p> tags means that any margins assigned to <p> are taken into account. Best practice is to use <div></div> or <span></span> tags. These can still have style="text-align:center;" inserted into first tag to get centralised images.
Your module code should look like this...
<div style="text-align:center;"><img border="0" src="/horus/images/6.jpg" alt=""></div>
Please also add the following code to your custom css file...
If this resolves your problem then please edit your first post in this thread by adding SOLVED at the start of the title and then select the green tick icon. This lets the moderators know that it can be moved to the solved section.#rt-showcase .rt-grid-12 { margin: 0 auto; width: 100%; }
Thanks for your cooperation
Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
-
Time to create page: 0.058 seconds