Recent
Categories
View Replies (6)

template width

0
Votes
Undo
  1. alvin77
    alvin77
  2. Sherlock Holmes
  3. Free Templates / Extensions
  4. Thursday, 10 November 2016
  5.  Subscribe via email
Hy Ciaran
I have aproblem with Template Width in configuration.
It is 1080px and is very good on small screen like tablet or small desktop monitor (17 inches).
On a screen of 21 inches or on a screen that resolution is > di 1280*800 is not good (see the example imgae)
Can i set in css only for big monitor (or small resolution > di 1280*800) another template width?
I see that there is the possibility to set in template configuration thw width but if i set there then is not good on screen < 1280-800.
So i'd like to set only for monitor with resolution >1280*800 another template width (see example.jpg resoltuion is 1920*1080)
url:http://www.madeinporte.altervista.org
Responses (6)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To amend try adding the following to the Custom CSS field of your templates parameters (edit to taste)...


@media only screen and (max-width: 1280px) {

.wrapper960, .backgrounds .content_background {

    width: 1280px;

}}


Ciarán
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 1
alvin77
alvin77
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks Ciaran yuo are always helpful!!
Seems to work with this setting in custom.css and probably if i set width for different resolution solve my problems.
The template that yuo sell have the same problem or only for free templates yuo have to set width for different resolution?
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

By default all templates have a set width. I suspect you wish to make your website width fluid which can be done with the following Custom CSS...


.wrapper960, .backgrounds .content_background {

    width: 100% !important;

}


Ciarán
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 3
alvin77
alvin77
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
thanks ciaran i will try this solution.
Can yuo tell me something about j51 icon?
From the image yuo can see that the icon AFFIDABILITA' is not aligned in some resolution.
Wich is the problem?
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

On what screen resolution are you having this issue?

Ciarán
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 5
alvin77
alvin77
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
1280 - 768.
For template widht i tried yor solution but with the first on screen with resolution (big then 1280)is not good and with the second the mobile template lost the correct resolution. What can i do for have a temolate widht good on all device and resolution?see http://www.bioksport.it with template helix 3 the site is good on all device and resolution
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 6
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok