1. Vote now - Choose the template types you want in coming months


    JA HawkStore - Stable version Released


    JM Siotis - Beta version released


    Tools & Tips - Make your Joomla site faster


    JA Brisk, Mitius, Onepage & Mero updated - Offcanvas navigation for mobile now available


    5 more JATC extensions updated - Backend UI improvement & new coding standards.


User Tag List

+ Reply to Thread
 
Results 1 to 8 of 8
  1. #1


    Join Date
    Apr 2011
    Posts
    7
    Points
    21.09
    Downloads
    12
    Uploads
    0
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Edit css of "ja-container" with JA T3 framework

    Hello,

    I was using firebug to try and modifiy the css code of the "ja-container". When I tried to modifiy the width (980px) I didn't find any path to any file.

    Here is a pic of the code : mainfb.png

    At
    Code:
    body.bd .main {
        width: 980px;
    }
    /joomla15/ (line 43)
    "joomla15" is the root of my website and the "line 43" is what I'm looking for.

    Any idea of how to modifiy this propriety ?

    Thanks

  2. #2
    Licensed Member
    Joomla Developer Membership - 1 yearJoomlaTemplate Club Member - Personal License - Renew 1 Year Expired

    TomC's Avatar
    Join Date
    May 2007
    Location
    California (USA)
    Posts
    9,086
    Points
    16,633.07
    Downloads
    880
    Uploads
    0
    Mentioned
    8 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    503
    Thanked 1,583 Times in 1,364 Posts
    What is it exactly you are wanting/trying to accomplish?

    So that I may best try to assist you and provide you with concise guidance as to what you need to do within your template/site structure, please provide the url of the site you're working on, as well as set "Optimize CSS" to "No" within your Template Manager--General Settings
    TOM

    Don't be shy about using the "Thanks" button below if you found my comment helpful

    Remember ... A template is only a starting point . . . The magic is in what YOU do with it from there.



    HELPFUL REFERENCE LINKS:

    JA WIKI --> http://wiki.joomlart.com/wiki/Main_Page

    USING FIREBUG to CUSTOMIZE YOUR SITE

    WORKING with LESS CSS

    WORKING with BOOTSTRAP FRAMEWORK

  3. #3


    Join Date
    Apr 2011
    Posts
    7
    Points
    21.09
    Downloads
    12
    Uploads
    0
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    3
    Thanked 0 Times in 0 Posts
    I'm am trying to find the file on my website where I can modify the width of the "body.bd .main" as shown on the pic.
    Sent my website link in PM

  4. #4
    Licensed Member
    Joomla Developer Membership - 1 yearJoomlaTemplate Club Member - Personal License - Renew 1 Year Expired

    TomC's Avatar
    Join Date
    May 2007
    Location
    California (USA)
    Posts
    9,086
    Points
    16,633.07
    Downloads
    880
    Uploads
    0
    Mentioned
    8 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    503
    Thanked 1,583 Times in 1,364 Posts
    Try looking within one of the following two locations . . . .

    /joomla15/plugins/system/jat3/base-themes/default/css/template.css .... at line 21

    or

    /joomla15/templates/ja_t3_blank/css/template.css .... at line 18
    TOM

    Don't be shy about using the "Thanks" button below if you found my comment helpful

    Remember ... A template is only a starting point . . . The magic is in what YOU do with it from there.



    HELPFUL REFERENCE LINKS:

    JA WIKI --> http://wiki.joomlart.com/wiki/Main_Page

    USING FIREBUG to CUSTOMIZE YOUR SITE

    WORKING with LESS CSS

    WORKING with BOOTSTRAP FRAMEWORK

  5. #5


    Join Date
    Apr 2011
    Posts
    7
    Points
    21.09
    Downloads
    12
    Uploads
    0
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    3
    Thanked 0 Times in 0 Posts
    No none of them have the width:980 at the lines you mentioned.

    Do you know why it says at /joomla15/ on line 43 on the pic ?

  6. #6
    Licensed Member
    Joomla Developer Membership - 1 yearJoomlaTemplate Club Member - Personal License - Renew 1 Year Expired

    TomC's Avatar
    Join Date
    May 2007
    Location
    California (USA)
    Posts
    9,086
    Points
    16,633.07
    Downloads
    880
    Uploads
    0
    Mentioned
    8 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    503
    Thanked 1,583 Times in 1,364 Posts
    Quote Originally Posted by zizizkill View Post
    No none of them have the width:980 at the lines you mentioned.
    You can try to add this property to one of the rules I mentioned . . . and/or add a "
    body.bd .main" rule to either of the two template.css files I mentioned previously. For example . . .

    Within -->
    /joomla15/templates/ja_t3_blank/css/template.css
    add the following;
    Code:
    body.bd .main {
    
    
        width: 980px;
        margin:  0 auto;
    }
    This will also center your site in the middle of the viewing screen.
    Not sure if this is what you wanted - but if not, simply remove the "margin" property.

    I tested this out via Firebug, and it worked.



    Quote Originally Posted by zizizkill View Post
    Do you know why it says at /joomla15/ on line 43 on the pic ?
    I do not ... as this "item" does not come up for me when I bring up your site in Firebug.
    TOM

    Don't be shy about using the "Thanks" button below if you found my comment helpful

    Remember ... A template is only a starting point . . . The magic is in what YOU do with it from there.



    HELPFUL REFERENCE LINKS:

    JA WIKI --> http://wiki.joomlart.com/wiki/Main_Page

    USING FIREBUG to CUSTOMIZE YOUR SITE

    WORKING with LESS CSS

    WORKING with BOOTSTRAP FRAMEWORK

  7. #7


    Join Date
    Apr 2011
    Posts
    7
    Points
    21.09
    Downloads
    12
    Uploads
    0
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    3
    Thanked 0 Times in 0 Posts
    I tried what you proposed but it didn't work with me. The thing I'm trying to do is to delete the "width: 980px" so it will arrange the position of the logo and the website's name. Adding the code you gave me in the template.css doesn't delete it from where it is.


    I do not ... as this "item" does not come up for me when I bring up your site in Firebug.
    did you try to click on the <div class="main"> in the botton left windows of firebug ?

  8. #8
    Licensed Member
    Joomla Developer Membership - 1 yearJoomlaTemplate Club Member - Personal License - Renew 1 Year Expired

    TomC's Avatar
    Join Date
    May 2007
    Location
    California (USA)
    Posts
    9,086
    Points
    16,633.07
    Downloads
    880
    Uploads
    0
    Mentioned
    8 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    503
    Thanked 1,583 Times in 1,364 Posts
    Perhaps if you can throw together a mock-up screenshot of what you want your display to look like,
    I might be able to get a better idea of what you're going for so as to provide better recommendations.


    TOM

    Don't be shy about using the "Thanks" button below if you found my comment helpful

    Remember ... A template is only a starting point . . . The magic is in what YOU do with it from there.



    HELPFUL REFERENCE LINKS:

    JA WIKI --> http://wiki.joomlart.com/wiki/Main_Page

    USING FIREBUG to CUSTOMIZE YOUR SITE

    WORKING with LESS CSS

    WORKING with BOOTSTRAP FRAMEWORK

+ Reply to Thread

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts