Okay
  Public Ticket #2000019
General html code
Closed

Comments

  •  15
    Gerard started the conversation

    Hi,


    I'm writing this message, because I'd like to know if there's any way to introduce a few lines of html code in just one place for every page, product, post and portfolio project. I've been searching for it but I've didn't found it. The problem is that now I have to add the code every time I create a new page, product... and it's a bit stressful to do that if I can add the code into one place and then all pages have this settings. Basically is for the footer to stay in a row instead of in a column.


    Thanks in advance! ;D

  •  1,559
    Laborator replied

    Hi Gerard,

    Can you please explain more the HTML which you are trying to add and where you are actually adding it to every page and post.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  15
    Gerard replied

    I'm adding CSS code sorry about that. I've added that to my homepage and a part of it to my other pages to display my footer menu in a row.

    /* Portolio: Center Categories */
    .portfolio-title-holder .pt-column {
        margin: auto;
    }
    .portfolio-title-holder .pt-column {
        minwidth: 500px;
    }
    .site-footer .footer-widgets .widget ul li {
        display: inline;
        padding-left: 8px;
        padding-right: 8px;
    }
    header.site-header.sticky-absolute.sticky-initialized {
        display: none;
    }
    header.site-header.sticky-absolute.sticky-initialized.sticky-above {
        display: block !important;
    }
    
  •  1,559
    Laborator replied

    You don't need to add CSS to every page when you can add it to Custom CSS area on the left side of your admin area:

    medium
    (view large version)


    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  15
    Gerard replied

    Right now I have some code there. Do I need to replace that? I think is a demo code but I'm not sure

    /* ===========================================================
    Custom modification only for SHOP Demo - START
    =========================================================== */
    /* Homepage: Free Shipping Text Align */
    .free-shipping {
        text-align: center;    
    }
    /* Footer: Link Color */
    footer.main-footer a {
        color: #bbb !important;    
    }
    /* Footer Inverted: Background Color */
    /* footer.main-footer-inverted {
        background-color: #333 !important;    
    } */
    /* Footer: Border Color */
    /* .main-footer.main-footer-inverted hr {
        border-color: rgba(255,255,255,.1);
    } */
    /* Footer: Removed Margin Bottom for Widgets */
    .footer-widgets .widget.widget_nav_menu {
        margin-bottom: 0px;
    }
    /* Footer: Decreased Padding for Widgets */
    .footer-widgets .widget ul li {
        padding: 2px 0px;
    }
    /* Separator Line */
    .vc_separator.vc_sep_color_grey .vc_sep_line {
        border-color: #333;    
    }
    /* Sidbar Right: Added an extra padding on the left */
    .blog-sidebar.shop-sidebar.shop-sidebar-right {
        padding-left: 20px;
    }
    /* Blog: Textarea Lines */
    .comment-form textarea {
        background-image: linear-gradient(#DDD 1px, transparent 1px);
    }
    /* Blog: Textarea Lines */
    .labeled-input-row input {
        border-bottom-color: #DDD;    
    }
    /* ===========================================================
    Custom modification only for SHOP Demo - END
    =========================================================== */
    /* ===========================================================
    User CSS modifications
    =========================================================== */
    .example {
         color: red;
    }
  •  1,559
    Laborator replied

    Add the CSS to the end of your code, after :

    .example {
         color: red;
    }
    HERE GOES YOUR CSS

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group