1. [Stable Release 20 October] Uber - Responsive 3 in 1 Joomla template [ Release Note ] [ Demo ] [ Download ] [ Info ]


    JM Aroma - Responsive Magento theme for online restaurants [ Demo ] [ Download ] [ Info ]

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
    Global Moderator TomC's Avatar
    Join Date
    May 2007
    Location
    California (USA)
    Posts
    12,630
    Points
    25,429.38
    Downloads
    905
    Uploads
    0
    Mentioned
    52 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    785
    Thanked 2,498 Times in 2,200 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


    HELPFUL REFERENCE LINKS:

    JA J3.3 UPDATE ROADMAP

    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
    Global Moderator TomC's Avatar
    Join Date
    May 2007
    Location
    California (USA)
    Posts
    12,630
    Points
    25,429.38
    Downloads
    905
    Uploads
    0
    Mentioned
    52 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    785
    Thanked 2,498 Times in 2,200 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


    HELPFUL REFERENCE LINKS:

    JA J3.3 UPDATE ROADMAP

    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
    Global Moderator TomC's Avatar
    Join Date
    May 2007
    Location
    California (USA)
    Posts
    12,630
    Points
    25,429.38
    Downloads
    905
    Uploads
    0
    Mentioned
    52 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    785
    Thanked 2,498 Times in 2,200 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


    HELPFUL REFERENCE LINKS:

    JA J3.3 UPDATE ROADMAP

    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
    Global Moderator TomC's Avatar
    Join Date
    May 2007
    Location
    California (USA)
    Posts
    12,630
    Points
    25,429.38
    Downloads
    905
    Uploads
    0
    Mentioned
    52 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    785
    Thanked 2,498 Times in 2,200 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


    HELPFUL REFERENCE LINKS:

    JA J3.3 UPDATE ROADMAP

    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

Stop working on Weekend!X

If your Boss broke your Joomla template or extension and ask you to fix it today. Here is the immediate solution. Then leave your request on the right forum, we will be helping after the Weekend Happy hours
Our Happy Hours: Friday 18:00 - Monday 9:00

No working during happy hours. Keep calm and don't break anything.

-->

Your vote matters!X

Vote for Best Support Guy