Public Forums 71,145 posts

[il_bujia Friend il_bujiaJoin date: May 2013Posts: 69Downloads:0Uploads:20 Thanks: 42 Thanked: 2 times in 1 posts]

#194700

Hi

I’am working with the design of my web on 1024×768 resolution.I use Jat3 framework/T3 blank template with Joomla 3.2
With custom.css I achieve that when I resize the window more smaller,everything was correct except the content of the article.If I resize it with width propertie,when I make smaller the windows it doesn´t fit where I want.
I want to put the content inside the white lines(lined with the header)

I put two picture of what I mean.
How can I do that?

Here is my site

http://89.130.86.57/

Thanks in advance

---

Attachments:

1. 
2. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#522279

Go to this Page : templates/t3_blank/css/custom.css

1. Add this code

.t3-mainbody{
width:62% !important;
margin-left:20% !important;
float:left;
background:#FFF;
}

.t3-mainbody .row {
margin:0;
width: 100%;
}

2. Replace this code

.t3-content{margin-left: 11.5%;
width: 85.3%;
background:orange;}

With

.t3-mainbody .t3-content{
background:orange;
width:100% !important;
margin-left:0px !important;
}

1 user says Thank You to chavan for this useful post

1. il_bujia

[il_bujia Friend il_bujiaJoin date: May 2013Posts: 69Downloads:0Uploads:20 Thanks: 42 Thanked: 2 times in 1 posts]

#522351

Many thanks for your help,but it doesn’t work. I upload two images of what it done when I put your code. I want that the article content was inside the black lines,lined with the header altough you reduce the window.

Thanks again for your help.

---

Attachments:

1. 
2. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#522365

🙂 you left a dot in my suggestion

Replace this code in custom.css

t3-mainbody{width:62% !important;
margin-left:20% !important;
float:left;
background:#FFF;
}

with

.t3-mainbody{width:62% !important;
margin-left:20% !important;
float:left;
background:#FFF;
}

1 user says Thank You to chavan for this useful post

1. il_bujia

[il_bujia Friend il_bujiaJoin date: May 2013Posts: 69Downloads:0Uploads:20 Thanks: 42 Thanked: 2 times in 1 posts]

#522377

You are right,it works!!!
I paste this code and It works.What are the differences between the two code that you put in your last post?I watch them and I don’t see any difference between both.

To let a little padding between the border of the orange container and the article,in which selector should aplly padding propertie?

Many thanks!!

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#522386

you typed “t3-mainbody” instead of “.t3-mainbody”

you missed the . (dot) before t3-mainbody, check the previous posts. tiny mistake

1 user says Thank You to chavan for this useful post

1. il_bujia

[il_bujia Friend il_bujiaJoin date: May 2013Posts: 69Downloads:0Uploads:20 Thanks: 42 Thanked: 2 times in 1 posts]

#522389

I didn’t see that there wasn’t the dot.
Many thanks for your help!!

[Author]

Posts