Questions about Reduce Space between article-info and introtext and Layout - JoomlArt
League Bundle $1335 $499 Buy Now
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • Pankaj Sharma Moderator
    #1031583

    Hi
    You can use inspect element from chrome or Firebug tool in the firefox browser to check the style classes and then override them using the custom.css file.
    This way you can change and apply custom style on the site.

    Regards

    204kallisto Friend
    #1031603

    i already used firebug, only with firebug i was able to change the fonts, colors and backgrounds but now my limited knowledge is exhausted here is my custom.css

    code /*Falls Aenderungen nicht uebernommen werden am Ende !important; setzen*/
    .t3-wrapper
      {
        background: url("http://localhost/images/Background/gun_metal/gun_metal.png");
        background-position: center;
        background-size: auto; /*Wichtig für Hintergründe die dupliziert werden, da Sie nur 2px groß sind*/
        background-repeat: repeat; /*Wichtig für Hintergründe die dupliziert werden, da Sie nur 2px groß sind*/
        background-attachment: fixed;
      }
    
    .corporate .carousel-inner  /* Slider */
      {
        overflow: hidden;
        position: relative;
        width: 100%;  
        height: 400px
      }
    
    .corporate .slideshow /* Background Slider */
      {
        /*background: #f7f7f7; */
        background : url("http://localhost/images/Background/gun_metal/gun_metal.png")!important;
        border-bottom : 0px solid #eeeeee!important;
        /*padding: 40px */
        padding : 0px 0!important; /*Abstand zum Rand */
        padding-top : 20px !important; /*Abstand zum Rand Oben */
        padding-bottom : 0px !important; /*Abstand zum Rand Unten */
      }
    
    .corporate .carousel-caption /* Slider  */
      {
        /*background: rgba(0, 0, 0, 0.3);*/
        background: rgba(0, 0, 0, 0)!important; /*Transparentes Rechteck Schriftzug Slider*/
      }
    
    .corporate .carousel-caption h2  /* Slider  Überschrift*/
      {
        color: #dfa923;
        font-size: 60px; /* Slider Schriftzug */
        font-family: Conv_AlteSchwabacher,"Helvetica Neue",Helvetica,Arial,sans-serif;
        text-shadow: 2px 2px 4px #000000;
      }
    
    .corporate .carousel-caption p  /* Slider  Überschrift 2*/
      {
        /*color: orange;*/
        font-size: 40px; /* Slider Schriftzug */
        font-family: latin_modern_mono10_regular,"Helvetica Neue",Helvetica,Arial,sans-serif;
        text-shadow: 2px 2px 8px #FF0000;
      }
    
    /*.article-title a Überschrift News
      {
        color: orange;
        /*font-size: 40px;  Slider Schriftzug 
        font-family: latin_modern_mono10_regular,"Helvetica Neue",Helvetica,Arial,sans-serif;
        text-shadow: 2px 2px 8px #FF0000;
      }*/
    
    /*.article-title a hover
      {
        color: blue;
        /*font-size: 40px; /* Slider Schriftzug 
        font-family: latin_modern_mono10_regular,"Helvetica Neue",Helvetica,Arial,sans-serif;
        text-shadow: 2px 2px 8px #FF0000;
      }*/
    
    /*Siderbar Module Chatbox usw */  
    .t3-sidebar-right 
      {
        background-size: 0px;
        background : url("http://localhost/images/Background/noisy_net/noisy_net/noisy_net_@2X.png");
      }
    
    .module-inner h3 /*Module*/
      {
        color: orange;
        font-size: 30px; 
        font-family: latin_modern_mono10_regular,"Helvetica Neue",Helvetica,Arial,sans-serif;
        text-shadow: 2px 2px 8px #FF0000;
        padding-top: 10px;
      }
    
    body 
      {
        background-color: #ffffff;
        /*color: #444444;*/
        color: #dbd8c4; /* Textfarbe News*/
        font-family: din_1451_fette_breitschriftRg,"Helvetica Neue",Helvetica,Arial,sans-serif; /* Schriftart News*/
        /*font-size: 14px;*/
        font-size: 16px;
        letter-spacing: -0.75px; /*Abstand zwischen den Buchstaben*/
        word-spacing: -0.5px; /*Abstand zwischen den Worten*/
        line-height: 1.42857;
      }
    
    .article-info dd 
      {
        color: #d2691e; /* Default kein color*/
        display: inline-block;
        /*margin-bottom: 5px;*/
        margin-bottom: 0px;
        margin-left: 0;
        margin-right: 10px;
        white-space: nowrap;
      }
    
    /* News Artikel */
    .blog
      {
        background: url("http://localhost/images/Background/dark_wall/dark_wall/dark_wall_@2X.png");
        /*border-top-style: grove;
        border-right-style: ridge;
        border-bottom-style: inset;
        border-left-style: outset;
        border-width: 5px;*/
    
      }
    
    .blog .items-leading /* Erste News*/
      {
        /*border: 1px solid #e6e6e6;
        border-radius: 8px;*/
        padding-left: 20px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 0px;
      }
    
    /* News Artikel */
    .blog .item 
      {
        /*border: 1px solid #e6e6e6;
        border-radius: 8px;*/
        padding-left: 20px;
        padding-right: 10px;
        padding-top: 20px;
        padding-bottom: 0px;
      }
    
    .blog .item img {
      display: block;
      max-width: 100%;
      height: auto;
      float: right;
      margin-right: 10px;
    }
    article.item {
        overflow: hidden;
    }
    /* Einzelne News Artikel */
    
     /*a 
      {
        /*color: #0077bb;
        color: #ba110d;
        outline: medium none;
        text-decoration: none;
        transition: all 0.2s ease 0s;
      }
    
    a.7SchG2/index.php/297-die-nachrichtb-ist-zwar-von-2015-aber-dennoch-gut
      {
        color: #ba110d;
        outline: medium none;
        text-decoration: none;
        transition: all 0.2s ease 0s;
      } */here

    i would be greatly appreciated if you could take a look on my page http://testclan.spdns.de/7SchG2/

    • This reply was modified 2 weeks, 1 day ago by  204kallisto.
    Pankaj Sharma Moderator
    #1031823

    Hi
    Your requests are in the personal custom works and for free products, the support is limited only for bug fixes.
    You can use firebug for the same and apply new style code on the classes.
    See the header hover color as an example http://prntscr.com/f5bpqw
    This way you can customise the style.

    Regards

    204kallisto Friend
    #1032193

    Ok, thanks alot

    Pankaj Sharma Moderator
    #1032219

    You are welcome!

Viewing 5 posts - 1 through 5 (of 5 total)

This topic contains 5 replies, has 2 voices, and was last updated by  Pankaj Sharma 1 week, 6 days ago.

The topic ‘Questions about Reduce Space between article-info and introtext and Layout’ is closed to new replies.