Can’t find source of HTML

Forums    Joomla Templates Club    Can't find source of HTML
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • matgray87 Friend
    December 1, 2011 at 7:51 pm #171351

    Hi,

    I’m trying to remove the top margin above the JA-Tabs module in JA-Rave, but I can’t for the life of me find where it’s coming from…

    I’m trying to change the 15px margin below to a 0px margin but can’t find where I can do this, other than by playing around in Firebug.

    Can someone suggest the file I need to look in?

    <div id="ja-container" class="wrap ja-r1">
    <div class="main clearfix">
    <div id="ja-mainbody" style="width:65%">
    <div id="ja-right" class="column sidebar" style="width:35%">
    <div class="ja-colswrap clearfix ja-r1">
    <div id="ja-right2" class="ja-col column" style="width:100%">
    <div id="Mod82" class="ja-moduletable moduletable_tabs clearfix">
    <div class="ja-box-ct clearfix">
    <div class="custom_tabs">
    <div style="margin-top: 15px;">
    <div class="ja-tabswrap rave" style="width:100%;">
    <div id="myTab-8035" class="container">
    <div class="ja-tabs-title-top" style="height:40px;">
    <ul class="ja-tabs-title">

    Thanks,
    Matt

    TomC Moderator
    December 2, 2011 at 6:12 pm #427619

    Might you be able to provide the url to the site you’re working on?

    Also, please set “Optimze CSS” to “no” within your Template Manager–>General Settings

    1 user says Thank You to TomC for this useful post

    1. matgray87
    matgray87 Friend
    December 2, 2011 at 7:04 pm #427625

    Unfortunately, i’m working on an offline site at the moment…
    What difference does the Optimise CSS have?

    Thanks,
    Matt

    TomC Moderator
    December 2, 2011 at 7:50 pm #427631

    <em>@matgray87 286550 wrote:</em><blockquote>
    What difference does the Optimise CSS have?
    Matt</blockquote>
    It allows us to more precisely identify the relevant CSS that we need to modify an given element.

    If you like, you can use a tool such as [URL=http://www.joomlart.com/forums/topic/using-firebug-to-customize-your-site/

    1 user says Thank You to TomC for this useful post

    1. matgray87
    matgray87 Friend
    December 2, 2011 at 8:08 pm #427636

    I’ve had another play around…and it appears it’s an extra paragraph appearing from somewhere…again I can’t locate it (highlighted below)

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb">
    <head>
    <script type="text/javascript">

    var siteurl='/';

    var tmplurl='/templates/ja_rave/';

    var isRTL = false;

    </script>
    <base href="http://localhost/" />
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="robots" content="index, follow" />
    <meta name="generator" content="Joomla! 1.7 - Open Source Content Management" />
    <title>Home</title>
    <link href="/index.php?format=feed&type=rss" rel="alternate" type="application/rss+xml" title="RSS 2.0" />
    <link href="/index.php?format=feed&type=atom" rel="alternate" type="application/atom+xml" title="Atom 1.0" />
    <link rel="stylesheet" href="/templates/system/css/system.css" type="text/css" />
    <link rel="stylesheet" href="/templates/system/css/general.css" type="text/css" />
    <link rel="stylesheet" href="/modules/mod_jaslideshow/assets/themes/default/style.css" type="text/css" />
    <link rel="stylesheet" href="/modules/mod_jaslideshow/assets/themes/rave/style.css" type="text/css" />
    <link rel="stylesheet" href="/modules/mod_jaslideshow/assets/themes/rave/mod_jaslideshow.css" type="text/css" />
    <link rel="stylesheet" href="/plugins/system/jat3/jat3/base-themes/default/css/typo.css" type="text/css" />
    <link rel="stylesheet" href="/plugins/system/jat3/jat3/base-themes/default/css/css3.css" type="text/css" />
    <link rel="stylesheet" href="/plugins/system/jat3/jat3/base-themes/default/css/addons.css" type="text/css" />
    <link rel="stylesheet" href="/plugins/system/jat3/jat3/base-themes/default/css/layout.css" type="text/css" />
    <link rel="stylesheet" href="/plugins/system/jat3/jat3/base-themes/default/css/template.css" type="text/css" />
    <link rel="stylesheet" href="/plugins/system/jat3/jat3/base-themes/default/css/usertools.css" type="text/css" />
    <link rel="stylesheet" href="/plugins/system/jat3/jat3/base-themes/default/css/menu/css.css" type="text/css" />
    <link rel="stylesheet" href="/templates/ja_rave/css/typo.css" type="text/css" />
    <link rel="stylesheet" href="/templates/ja_rave/css/css3.css" type="text/css" />
    <link rel="stylesheet" href="/templates/ja_rave/css/layout.css" type="text/css" />
    <link rel="stylesheet" href="/templates/ja_rave/css/template.css" type="text/css" />
    <link rel="stylesheet" href="/templates/ja_rave/css/menu/css.css" type="text/css" />
    <script src="/t3-assets/js23e3b.js" type="text/javascript"></script>
    <link href="/plugins/system/jat3/jat3/base-themes/default/images/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <style type="text/css">
    /*dynamic css*/

    body.bd .main {
    width: 980px;
    }
    body.bd #ja-wrapper {
    min-width: 980px;
    }
    </style>
    <link href="http://localhost/plugins/system/jatabs/jatabs/ja.tabs.css" type="text/css" rel="stylesheet" />
    <script src="http://localhost/plugins/system/jatabs/jatabs/ja.tabs.js" type="text/javascript" ></script>
    <link href="http://localhost/plugins/system/jatabs/jatabs/themes/rave/style.css" type="text/css" rel="stylesheet" />
    <link href="/modules/mod_jatwitter/assets/style.css" type="text/css" rel="stylesheet" />
    </head>

    <body id="bd" class="bd fs3 com_content">
    <!-- LEFT COLUMN-->

    <div id="ja-left" class="column sidebar" style="width:35%">
    <div class="ja-colswrap clearfix ja-l1">
    <div id="ja-left1" class="ja-col column" style="width:100%">
    <div class="ja-moduletable moduletable clearfix" id="Mod85">
    <div class="ja-box-ct clearfix">
    <div class="custom" >
    <p>
    <div class="ja-tabswrap rave" style="width:100%;">
    <div id="myTab-14530" class="container" >
    <div class="ja-tabs-title-top" style="height:40px;">
    <ul class="ja-tabs-title">
    <li title="TWITTER1">
    <h3><span>TWITTER1</span></h3>
    </li>
    <li title="TWITTER2">
    <h3><span>TWITTER2</span></h3>
    </li>
    </ul>
    </div>
    <div class="ja-tab-panels-top" >
    <div class="ja-tab-content">
    <div class="ja-tab-subcontent">
    <div class="ja-twitter">

    Can you see from this where I should be looking?
    I’ve deleted the main content, and only included the relevant ‘left column’ code + all the style links etc.

    Thanks,
    Matt

    matgray87 Friend
    December 3, 2011 at 11:46 am #427720

    I’ve found the source, it’s here:

    /* Content spacing ---*/
    .column p, .column pre, .column blockquote,
    .column h1, .column h2, .column h3, .column h4, .column h5, .column h6,
    .column ol, .column ul, .column dl { margin: 15px 0; padding: 0; }

    within jat3 template.css

    I added the below, and problem solved.

    #ja-left1.column p {
    margin: 0; }

    Thanks for your help 🙂

    TomC Moderator
    December 3, 2011 at 9:44 pm #427825

    <em>@matgray87 286668 wrote:</em><blockquote>
    Thanks for your help :)</blockquote>

    Of course !!

    Out of curiosity, did you utilize a web development tool such as FireBug to assist?

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)

This topic contains 7 replies, has 2 voices, and was last updated by  TomC 12 years, 11 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum

Important Notice :

New Unified Portal is live

Must Read

Jump to forum

Categories