• Resolved tossytm

    (@tossytm)


    Wonderful theme
    I am using your column, I would like to set background of one of the column. For example I am using the 3/4,1/4 type of column, now I want the 1/4 column to have some background how can I do? which code can I use

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter tossytm

    (@tossytm)

    I am using your column, I would like to set background of one of the column. For example I am using the 3/4,1/4 type of column, now I want :

    1) the 1/4 column to have some background how can I do? which code can I use
    2) or to have surrounding nice dotted line with background

    Please provide a link toy your site

    Thread Starter tossytm

    (@tossytm)

    https://www.mpe.ac.tz/courses/short-courses/sample-course-page/#overview

    I would like the 1/4 of your right where you see small links to have:

    1) the 1/4 column to have some background how can I do? which code can I use
    2) or to have surrounding nice dotted line with background

    If you are not using a child theme click the ‘Help’ button on the top right hand side of the admin screen and follow the instructions to download a child theme… then in the child theme css add:

    .one-fourth {
    background-color: #000000;
    }

    edit the 000000 to the color you want

    For dotted lines

    .one-fourth {
    border: 1px dotted #ff6600;
    width: 22.2%;
    }

    Thread Starter tossytm

    (@tossytm)

    can I be able to make look as https://www.mpe.ac.tz/wp-content/uploads/2014/02/lines.png

    please help
    thanks

    That image is completely different from your question. Anyway something like this should help

    .one-fourth a {
    display: block;
    width: 100%;
    border-bottom: 1px dotted #000;
    font-weight: bold;
    }

    .one-fourth a:hover {
    color: #871236;
    }

    .one-fourth a:hover:before {
    content: '';
    	width: 10px;
    	height: 0;
    	border-top: 5px solid transparent;
    	border-bottom: 5px solid transparent;
    
    	border-left: 5px solid #871236;
    margin-left: -15px;
    margin-top: 10px;
    display: block;
    clear: none;
    float: left;
    }
    
    .one-fourth a:active {
    color: #551A8B;
    }
    
    .one-fourth br {
    display: none;
    }
    Thread Starter tossytm

    (@tossytm)

    Great!!!! this theme is wonderful
    thanks, I wish I could know all tricks

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘column background color’ is closed to new replies.