Where the class of an article is defined?

GK User
Sat Oct 31, 2015 3:36 am
Hello, I use joomla 3.4 and my url is:
http://www.new.qualitaweb.es
If you create an article, and assign it to a menu option, to see it on the web, only occupies a width of 880px (see the option "rediseño web"). When the width of the web is much higher. I like the article they had a whole web width.
Image
After a little research I came to the solution is to redefine the class of article. By default, the class of the article named template is
Code: Select all
<article class="item-page itemView singlePage ">

and yet, that the article had a full-width, the class should be:
Code: Select all
<article class="item-page itemView one-page-layout one-page-wide-layout ">


Where (in what file or where in the template) you can define the class of an article? For the description appreciate.
User avatar
Junior Boarder

GK User
Sat Oct 31, 2015 9:07 am
Wouldn't be better to set 100% width for all articles instead of each separately?
User avatar
Moderator

GK User
Sat Oct 31, 2015 9:19 am
True. It would be better to set it for all articles. The question is: Where is it established that? Where 100% specific for all articles?
User avatar
Junior Boarder

GK User
Sat Oct 31, 2015 1:04 pm
I see you have already tried to set it in override.css. But instead of limiting article width in:
Code: Select all
.itemView.singlePage {
   margin: 0 auto;
   max-width: 1000px; 
}

You need to make it 100% width:
Code: Select all
.itemView.singlePage {
   margin: 0;
   max-width: 100%; 
}
User avatar
Moderator

GK User
Sat Oct 31, 2015 11:38 pm
El codigo anterior es correcto, pero queda mucho espacio en la parte superior del articulo. El codigo perfecto para arreglar el problema es:

Code: Select all
.itemView.singlePage {
   margin: 0;
   margin-top: -100px;
   max-width: 100%; 
}


Muchas gracias por tu ayuda. Al final la solución es trabajo de todos. Un abrazo.

P.D.
¿Que diferencia hay entre añadir codigo css al fichero override.css o añadirlo a: "Advanced setting"->"Custom CSS code"?
User avatar
Junior Boarder

GK User
Mon Nov 02, 2015 9:54 pm
Sorry, no Spanish, I can't say more than "yo hablo un poco espanol" ;)
Please rewrite the question in english.
User avatar
Moderator

GK User
Tue Nov 03, 2015 12:26 am
What is the difference between adding the override.css CSS file or add it to : "Advanced setting" -> "Custom CSS code" ?
User avatar
Junior Boarder

GK User
Sat Nov 07, 2015 3:00 pm
Second helps us to debug problems if they occur. It is also easier to keep overrides in file if there are more of them.
User avatar
Moderator


cron