Public Forums 71,145 posts

[dion77 Friend dion77Join date: May 2011Posts: 34Downloads:3Uploads:3 Thanks: 12]

#193319

In the new T3 Framework I found difficulties to make changes in quite simple things, like having an image as a
body-background or change the colors of main menu-background.
In the past I could do it in the template.css. Which .css file do I use now, because in the new T3 Framework’s
Template Manager- Edit Style there are not all options available.

One more question: Is there a Detailed documentation for T3 framework in a single document or pdf file ?

Thank you

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#516858

Hi dion77,

Before working with template modification, we would like to suggest you to turn off the Development Mode in Template Manager so that you can apply the changes on .css files.

In order to change the body-background image: You can open templates/ja_template/css/themes/selected_theme/template.css file, find lines (i.e)

body {
background: url(../../../images/body_bg.jpg) no-repeat center top #000
color: #444
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 20px;
margin: 0;
padding-top: 30px;
}

.ja-mainnav .navbar {
color: #666
margin-bottom: 0;
margin-top: 0;
background: #f5f5f5
overflow: visible;
z-index: 11;
}

.ja-mainnav .navbar-inner {
min-height: 50px;
background: #f5f5f5
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding: 0;
position: relative;
}

Then you can change the body-background image and main menu color you want.

And yes. We do publish the detailed documentations on T3 framework features (template layouts, mega menu, thememagic …).The documentations can be found in http://t3-framework.org/documentation.html

[Author]

Posts