Public Forums 71,145 posts

[jopi777 Friend jopi777Join date: April 2007Posts: 9Downloads:0Uploads:2]

#161698

I’m realy stucked with this framework but would really love to learn it 🙂

I installed it here http://www.dnevni-list.ba/test1

I use main-right layout and default profile (blue). So which is right .css file to edit. Where can I change background and width of mainbody and right colon…

It’s bit confusing, there are numerous files and folders…

Please help 🙂

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

#382418

Hello,

this is the css file where you have to edit

http://www.dnevni-list.ba/test1/templates/ja_t3_blank/css/template.css

Replace this code


#ja-mainbody {
width: 650px;
}

with


#ja-mainbody {
width: 650px !important;
}


And Replace this code


#ja-right {
width: 320px;
}


With


#ja-right {
width: 320px !important;
}


you can change the width but don’t delete “!important” the css will not get overrided

[jopi777 Friend jopi777Join date: April 2007Posts: 9Downloads:0Uploads:2]

#382584

Just did that but nothing happens… You can check it out in link above that you pointed to me I should change…

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

#382622

Replace this code


#ja-mainbody {
width: 650px !important;
}

with
Code:


#ja-mainbody {
width: 650px !important;
background:#CCC;
}


And Replace this code
Code:


#ja-right {
width: 320px !important;
}

With

Code:


#ja-right {
width: 320px !important;
background:#CCC;
}


[jopi777 Friend jopi777Join date: April 2007Posts: 9Downloads:0Uploads:2]

#382699

Oh it didi work, it just didnt change right on time. I guess it was cache or something else.. Thank you so much. So, now I can make any change in this CSS file but just have to add !important to every statement?

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

#382704

For overriding the css we use ” !important ”

My post would have worked. I tried using firebug tool in firefox and provided you the suggestion.

[Author]

Posts