Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #109478
    knudkp
    Participant

    Running latest WP and theme ver on fleksjobbernetvaerket.dk

    I use the footer to display some contents.
    Two questions:

    1) Can I change the background color for the whole footer area, or for each footer area (footer 1,2,3,4) ?

    2) Can I change the thickness of the line horizontal line that seperate footer area fro mwhat is above?

    thanks
    Knud

    #109530
    Pratik
    Participant

    Hi @knudkp,

    Please try following code in Appearance=> Customize=> Additional CSS box:

    
    #supplementary {
        border-top: 5px solid #eee; /* Increase/decrease 5px tp increase/decrease border length */
    }
    
    #first {
        background: #eee; /* Change #eee to desired hex color */
        min-height: 540px;
    
    }
      
    #second {
        background:  #ccc;/* Change #ccc to desired hex color */
        min-height: 540px;
    }
    
    #third {
        background:  #bbb;/* Change #bbb to desired hex color */
        min-height: 540px;
    }
    
    #fourth {
        background:  #aaa;/* Change #aaa to desired hex color */
        min-height: 540px;
    }

    Let me know how it goes.

    Regards,
    Pratik

    #110186
    knudkp
    Participant

    Pratik,

    It did not help at all. Neither in Firefox or IE.

    I tried them all together and one bye one.

    thx
    Knud

    #110220
    Pratik
    Participant

    Hi @knudkp,

    I have tried the same code in your site and its working fine. Maybe there is some error in your custom css that’s giving the issue. Try removing all your code from Appearance=> Customize=> Additional CSS box and add following code. This is just your code formatted:

    
    .no-sidebar.content-width #main {
        width: 100%;
    }
    .page .entry-title {
        display: none;
    }
    @media screen and (min-width: 768px) {
        /* Promotion Message Font Size */
        
        #promotion-message {
            font-size: 15px;
        }
        /* Promotion Headline Font Size */
        
        #promotion-message h2 {
            font-size: 26px;
        }
    }
    #supplementary .widget {
        padding-top: 0;
        padding-bottom: 0;
    }
    #promotion-message {
        border: none;
    }
    #featured-content .entry-excerpt {
        text-align: justify;
    }
    #promotion-message p {
        color: #151e84;
    }
    .catchbase-nav-menu #menu-item-2072 .sub-menu .sub-menu {
        margin: -43px 0 0 -249px;
    }
    .catchbase-nav-menu a {
        padding: 10px 15px;
    }
    li.tribe-events-list-widget-events {
        padding-top: 5px;
        padding-bottom: 10px;
        margin-bottom: 2px !important;
    }
    #supplementary {
        border-top: 5px solid #eee; /* Increase/decrease 5px tp increase/decrease border length */
    }
    #first {
        background: #eee; /* Change #eee to desired hex color */
        min-height: 540px;
    }
    #second {
        background: #ccc; /* Change #ccc to desired hex color */
        min-height: 540px;
    }
    #third {
        background: #bbb; /* Change #bbb to desired hex color */
        min-height: 540px;
    }
    #fourth {
        background: #aaa; /* Change #aaa to desired hex color */
        min-height: 540px;
    }
    

    If this does not work, please leave the code in and let me know.

    Regards,
    Pratik

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Color, and thickness of the line horizontal line – in footer area’ is closed to new replies.