Avada theme modification

  • Unknown's avatar

    Hi, I am having Avada school theme and a school child theme. This is my domain http://www.hegurukuwait.com. In my program page (http://www.hegurukuwait.com/programs/) there is 3 vertical picture Prenatal education, Infant & Toddler and Primary school. Actually there was 4 pictures before and I had to reduce it to 3. This website custamization is done by a third party company and they are no longer exists now.

    Here when I removed the 4 picture there is some gap in the right side where I deleted the picture. I want to divide the equal space for all the three images.

    Any help is very much appreciable. As I got stuck at this for more than a month.

    Below is the style.css child theme code –
    /*
    Theme Name: School Child
    Template: school
    */

    @import url(“../school/style.css”);

    /* Gereral */
    @font-face {
    font-family: ‘sansita_oneregular’;
    src: url(‘http://www.hegurukuwait.com/wp-content/themes/school-child/fonts/sansita-one/sansitaone-webfont.eot’);
    src: url(‘http://www.hegurukuwait.com/wp-content/themes/school-child/fonts/sansita-one/sansitaone-webfont.eot?#iefix’) format(’embedded-opentype’),
    url(‘http://www.hegurukuwait.com/wp-content/themes/school-child/fonts/sansita-one/sansitaone-webfont.woff’) format(‘woff’),
    url(‘http://www.hegurukuwait.com/wp-content/themes/school-child/fonts/sansita-one/sansitaone-webfont.ttf’) format(‘truetype’),
    url(‘http://www.hegurukuwait.com/wp-content/themes/school-child/fonts/sansita-one/sansitaone-webfont.svg#sansita_oneregular’) format(‘svg’);
    font-weight: normal;
    font-style: normal;
    }
    @font-face {
    font-family: ‘melbourneregular’;
    src: url(‘http://www.hegurukuwait.com/wp-content/themes/school-child/fonts/melbourne/melbourne_reg-webfont.eot’);
    src: url(‘http://www.hegurukuwait.com/wp-content/themes/school-child/fonts/melbourne/melbourne_reg-webfont.eot?#iefix’) format(’embedded-opentype’),
    url(‘http://www.hegurukuwait.com/wp-content/themes/school-child/fonts/melbourne/melbourne_reg-webfont.woff’) format(‘woff’),
    url(‘http://www.hegurukuwait.com/wp-content/themes/school-child/fonts/melbourne/melbourne_reg-webfont.ttf’) format(‘truetype’),
    url(‘http://www.hegurukuwait.com/wp-content/themes/school-child/fonts/melbourne/melbourne_reg-webfont.svg#melbourneregular’) format(‘svg’);
    font-weight: normal;
    font-style: normal;
    }

    @media
    screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome , #wrapper .header-wrapper #small-nav #nav ul li a {
    padding:10px 38px 30px !important;
    }
    ::i-block-chrome, #wrapper .header-wrapper #small-nav #nav ul li .sub-menu li a {
    padding: 5px 0 !important;
    }
    }

    #header-sticky .avada-row, #header .avada-row, #main .avada-row, .footer-area .avada-row, #slidingbar-area .avada-row, #footer .avada-row, .header-wrapper .avada-row{
    max-width: 1170px !important;
    }
    .one_half, .one_third, .two_third, .three_fourth, .one_fourth {
    margin-bottom:0px;
    }
    h1, h2, h3, h4, h5, h6 { color:#ffffff !important}
    #main {
    background:#fff !important;
    font-family: melbourneregular;
    }
    .post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {
    font-family: melbourneregular;
    }
    #main a {
    color: #ffffff;
    font-weight: bold;
    }
    #main ul {
    padding: 0 0 0 15px;
    }
    body #wrapper {
    background:#295D8F;
    }
    #main img {
    border-radius: 15px;
    }
    #main img:hover {
    opacity:0.5;
    }
    #main .post-content p {
    font-size: 17px !important;
    line-height: 22px !important;
    }
    #wrapper .header-social { display:none;}
    .header-wrapper #small-nav, .header-wrapper #header {
    border: medium none;
    background:#295D8F;
    }
    .header-wrapper #header {
    padding:10px 0;
    }
    .header-wrapper .header-v4 #small-nav {
    background: none repeat scroll 0 0 #295d8f;
    overflow: visible;
    padding: 15px 0 0;
    }
    .normal_logo {
    color:#fff;
    font-size:40px;
    line-height:42px;
    font-family: ‘melbourneregular’;
    width: 100px;
    }
    .header-wrapper #header .tagline {
    color: #ffffff;
    font-family: ‘melbourneregular’;
    font-size: 18px;
    line-height: 24px;
    margin-top: 0px;
    }
    #head-right {
    float:right;
    }
    .head-sclicon {
    margin:10px 0 0 0;
    }
    .head-sclicon li {
    list-style: none outside none;
    }
    .head-sclicon .fusion-social-networks {
    margin: 7px 0 0;
    float: right;
    }
    .head-sclicon .fusion-social-networks a {
    margin: 0 0 0 10px;
    }
    .head-sclicon .cont-btn a {
    font-size: 18px;
    line-height: 18px;
    padding: 7px 10px;
    color:#fff;
    }
    .head-sclicon .cont {
    margin: 5px 0 !important;
    }
    .head-sclicon .cont-btn a:hover {
    background:#fff;
    color:#f17e00;
    border:2px solid #f17e00;
    transition: background 1s ease 0s;
    }
    .header-wrapper #nav {
    float: none;
    text-align: center;
    height: 75px;
    }
    .header-wrapper #nav ul li {
    /* box-shadow: 0 0 10px rgba(0, 0, 0, 0) inset;*/
    display: inline-block;
    float: none;
    padding:0;
    /*padding:15px 26px 30px;*/
    margin:-3px;
    /* -moz-box-shadow: inset 0 0 10px #ccc;
    -webkit-box-shadow: inset 0 0 10px #ccc;
    box-shadow: inset 0 0 10px #ccc;*/
    }
    #nav > ul > li:last-child a, #sticky-nav > ul > li:last-child a{
    padding:15px 26px 30px!important;
    }
    #nav .sub-menu {
    top:47px;
    left: -2px;
    margin-top:9px;
    width:250px;
    padding:10px 0;
    background: none repeat scroll 0 0 #e4d200;
    border-top: 0 none;
    box-shadow: none;
    border-radius: 10px;
    }
    .header-wrapper #nav ul li:nth-child(2) .sub-menu, .header-wrapper #nav ul li:nth-child(6) .sub-menu {
    width:200px;
    }
    #wrapper .header-wrapper #nav ul .sub-menu li {
    background:none;
    box-shadow:none;
    margin:5px 0;
    width:95%;
    }
    #wrapper .header-wrapper #nav ul li .sub-menu li a {
    border: 0 none !important;
    color:#fff !important;
    font-family: ‘melbourneregular’ !important;
    font-weight:bold;
    font-size:18px !important;
    margin: 0;
    padding: 5px 0 !important;
    box-shadow: none;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    }
    #wrapper #nav ul .sub-menu li a:hover , #wrapper #nav ul .sub-menu li.current-menu-item , #wrapper #nav ul .sub-menu li.current-menu-item a{
    background:none !important;
    }
    #wrapper #nav ul .sub-menu li:hover , #wrapper #nav ul .sub-menu li.crrent-menu-item , #wrapper #nav ul .sub-menu li.crrent-menu-item:hover {
    background:#fff !important;
    border-radius: 22px;
    }
    #wrapper .header-wrapper #nav ul li a {
    font-family: ‘melbourneregular’;
    font-weight:bold;
    font-size:23px;
    color:#FFF;
    text-transform:uppercase;
    padding:10px 43px 30px !important;
    border-radius: 15px 15px 0 0;
    }
    #nav ul li a:hover , #nav ul li a.current-menu-item {
    transition: all 1s ease-in 0.5s;
    -webkit-transition: all 1s ease-in 0.5s;
    }
    #nav .navigation li:hover .sub-menu li {
    height:auto;
    }
    .header-wrapper #nav ul li:nth-child(1) a {
    background-color:#E7521D;
    margin-right: 1px;
    box-shadow: 1px 0 3px 1px rgba(201, 77, 33, 0.4);
    transform: rotate(-4deg) translate3d(0px, 0px, 1px);
    -webkit-transform: rotate(-4deg) translate3d(0px, 0px, 1px);
    }
    .header-wrapper #nav ul li:nth-child(2) a{
    background-color: #f17e00;
    box-shadow: 1px 0 3px 1px rgba(223, 121, 0, 0.4);
    transform: rotate(4deg) translate3d(0px, 0px, 1px);
    -webkit-transform: rotate(4deg) translate3d(0px, 0px, 1px);
    }
    .header-wrapper #nav ul li:nth-child(3) a {
    background-color: #e4d200;
    margin-left: -2px;
    box-shadow: 1px 0 3px 1px rgba(206, 190, 6, 0.4);
    transform: rotate(-4deg) translate3d(0px, 0px, 1px);
    -webkit-transform: rotate(-4deg) translate3d(0px, 0px, 1px);
    }
    .header-wrapper #nav ul li:nth-child(4) a {
    background-color:#96C100;
    margin-left: 1px;
    box-shadow: 1px 0 3px 1px rgba(135, 173, 3, 0.4);
    transform: rotate(4deg) translate3d(0px, 0px, 1px);
    -webkit-transform: rotate(4deg) translate3d(0px, 0px, 1px);
    }
    .header-wrapper #nav ul li:nth-child(5) a {
    background-color:#09A0BE;
    box-shadow: 1px 0 3px 1px rgba(7, 140, 167, 0.4);
    transform: rotate(4deg) translate3d(0px, 0px, 1px);
    -webkit-transform: rotate(4deg) translate3d(0px, 0px, 1px);
    }
    .header-wrapper #nav ul li:nth-child(6) a {
    background-color:#3480C8;
    margin-left: -2px;
    box-shadow: 1px 0 3px 1px rgba(45, 113, 177, 0.4);
    transform: rotate(-4deg) translate3d(0px, 0px, 1px);
    -webkit-transform: rotate(-4deg) translate3d(0px, 0px, 1px);
    }
    .header-wrapper #nav ul li:nth-child(7) a {
    background-color:#6A38A6;
    margin-left: 2px;
    box-shadow: 1px 0 3px 1px rgba(89, 45, 141, 0.4);
    transform: rotate(4deg) translate3d(0px, 0px, 1px);
    -webkit-transform: rotate(4deg) translate3d(0px, 0px, 1px);
    }
    #wrapper .header-wrapper #nav ul li:nth-child(1):hover a , .header-wrapper #nav ul li:nth-child(1).current-menu-item a ,
    #wrapper .header-wrapper #nav ul li:nth-child(1):hover ul {
    background: none repeat scroll 0 0 #c94d21;
    }
    #wrapper .header-wrapper #nav ul li:nth-child(2):hover a, .header-wrapper #nav ul li:nth-child(2).current-menu-item a ,
    #wrapper .header-wrapper #nav ul li:nth-child(2):hover ul {
    background: none repeat scroll 0 0 #df790a;
    }
    #wrapper .header-wrapper #nav ul li:nth-child(3):hover a, .header-wrapper #nav ul li:nth-child(3).current-menu-item a ,
    #wrapper .header-wrapper #nav ul li:nth-child(3):hover ul {
    background: none repeat scroll 0 0 #cebe06;
    }
    #wrapper .header-wrapper #nav ul li:nth-child(4):hover a, .header-wrapper #nav ul li:nth-child(4).current-menu-item a ,
    #wrapper .header-wrapper #nav ul li:nth-child(4):hover ul {
    background: none repeat scroll 0 0 #87ad03;
    }
    #wrapper .header-wrapper #nav ul li:nth-child(5):hover a, .header-wrapper #nav ul li:nth-child(5).current-menu-item a ,
    #wrapper .header-wrapper #nav ul li:nth-child(5):hover ul {
    background: none repeat scroll 0 0 #078ca7;
    }
    #wrapper .header-wrapper #nav ul li:nth-child(6):hover a, .header-wrapper #nav ul li:nth-child(6).current-menu-item a ,
    #wrapper .header-wrapper #nav ul li:nth-child(6):hover ul {
    background: none repeat scroll 0 0 #2d71b1;
    }
    #wrapper .header-wrapper #nav ul li:nth-child(7):hover a, .header-wrapper #nav ul li:nth-child(7).current-menu-item a ,
    #wrapper .header-wrapper #nav ul li:nth-child(7):hover ul {
    background: none repeat scroll 0 0 #592d8d;
    }
    #wrapper .header-wrapper #nav ul li:hover ul, .header-wrapper #nav ul li.current-menu-item ul {
    background:none;
    }
    .header-wrapper #nav ul li:hover a , .header-wrapper #nav ul li.current-menu-item a , #wrapper #nav ul .sub-menu li:hover a , #wrapper #nav ul .sub-menu li.current-menu-item a {
    color:#ededed !important;
    }
    #wrapper .header-wrapper #nav ul li:hover .sub-menu li:hover {
    background:none !important;
    }
    #nav .navigation li:hover, #nav .navigation li.current-menu-item {
    transition: all 1s ease 0s;
    }
    #nav .navigation li:hover ul li {
    top:0;
    }
    /* Slider Section */
    #sliders-container {
    margin-top: -22px;
    }
    #wrapper #sliders-container .ls-wp-container .ls-inner img, .home #wrapper #sliders-container .ls-wp-container .ls-inner .ls-gpuhack {
    height: 377px !important;
    margin: 32px 30px !important;
    width: 1107px !important;
    }
    #layerslider-container .ls-yourlogo , #layerslider-container .ls-inner{
    z-index: 0;
    }
    .home #main .post-content .fusion-one-third {
    min-height: 491px;
    }
    .home #main .fusion-one-third a {
    line-height: 0;
    }
    /* Main Section */
    #main .post-content p {
    font-size: 15px;
    }
    .post-content p {
    font-size: 15px;
    }
    #main .post-content h3 {
    font-weight:bold;
    }
    ul li {
    font-size: 17px;
    line-height: 22px;
    padding-left: 0px;
    }
    .highlight {
    float: left;
    margin: 0;
    padding:0;
    overflow: hidden;
    width:50%;
    }
    .highlight.full {
    width:100%;
    }
    #main .highlight.lft {
    padding: 0 15px 0 0;
    }
    #main .highlight.rht {
    padding: 0 0 0 15px;
    }
    .highlight li{
    list-style:none;
    margin-bottom: 20px;
    }
    .highlight > li span {
    background:#1EA1D4;
    font-family: ‘melbourneregular’;
    padding: 0px 6px;
    margin:0 5px 0 0;
    }
    #wrapper #main {
    background: none repeat scroll 0 0 #f3eeeb;
    }
    #main .fusion-column{
    border-radius: 22px;
    padding: 15px;
    }
    #main .one-column {
    background: #FFF;
    border-radius: 22px;
    padding: 15px;
    margin-bottom: 20px;
    overflow: hidden;
    }
    #main .col-title {
    font-family: ‘melbourneregular’;
    background: #000;
    border-radius: 22px;
    font-size: 21px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 10px;
    padding: 20px 15px;
    color:#FFF;
    }
    #main .col-title.up {
    text-transform: uppercase;
    }
    #main .fusion-column strong {
    font-size: 17px; }
    #main .fusion-column img {
    border-radius: 15px;
    }
    #main .fusion-column img:hover {
    opacity: 0.5;
    }
    #main .fusion-column.one-column {
    margin-bottom: 30px;
    min-height: 300px !important;
    }
    #main .fusion-column.one-column p {
    font-size: 16px;
    line-height: 20px;
    }
    #main .fusion-column ul {
    margin: 0;
    padding: 0 0 0 20px;
    }
    #main .fusion-column li {
    margin-bottom: 10px;
    }
    #main .fusion-column .more-button {
    font-size: 50px;
    line-height: 50px;
    float: right;
    width: 100%;
    text-align: right;
    color:#FFF;
    }
    #main .fusion-column .more-button:hover {
    color:#ccc;
    }
    #main .red { background: #ED5C01; color:#FFF; }
    #main .green { background: #8AB500; color:#FFF;}
    #main .blue { background: #2975BB; color:#FFF; }
    #main .violet { background: #6A3CA3; color:#FFF; }
    #main .violet .col-title { background: #8958C8; }
    #main .cyan { background: #0C96B1; color:#FFF; }
    #main .cyan .col-title { background: #0BACCB; }
    #main .cyan-lite { background: #0BACCB; color:#FFF; }
    #main .violet-lite { background: #8958C8; color:#FFF; }
    #main .red .col-title { background: #F98C02; }
    #main .green .col-title { background: #C4D103; }
    #main .blue .col-title { background: #1EA1D4; }
    #main .one-column.violet .fusion-recent-posts { margin-bottom: 10px; }
    /* about us page */
    #abt-us {
    overflow:hidden;
    }
    #abt-us .fusion-tabs .nav {
    float: left;
    position: absolute;
    z-index:99;
    }
    #main #abt-us .nav-tabs , #wrapper #abt-us .tab-content {
    width: 100%;
    }
    #wrapper #abt-us .fusion-tabs .nav-tabs li img {
    margin-right: 7px;
    }
    #wrapper #abt-us .fusion-tabs .nav ul.nav-tabs li a {
    color: #fff;
    text-transform:uppercase;
    padding:20px;
    }
    #wrapper #abt-us .fusion-tabs .nav ul.nav-tabs li.active a {
    border:0px;
    line-height:30px;
    }
    #wrapper #abt-us .fusion-tabs .tab-content .tab-pane {
    color:#fff;
    border:0px;
    padding: 0 10px 0 17%;
    border-radius:22px;
    -webkit-border-radius:22px;
    }
    #wrapper #abt-us .fusion-tabs .tab-content .tab-pane h1 {
    font-style: italic;
    font-weight: 600;
    text-shadow: 1px 1px 2px #fff;
    text-transform: uppercase;
    }
    #wrapper #abt-us .tab-content .tab-pane:nth-child(1) , #wrapper #abt-us .nav-tabs li:nth-child(1) a {
    background: none repeat scroll 0 0 #6a3ca3;
    border-top-left-radius:22px;
    }
    #wrapper #abt-us .tab-content .tab-pane:nth-child(2) , #wrapper #abt-us .nav-tabs li:nth-child(2) a {
    background: none repeat scroll 0 0 #2975bb;
    }
    #wrapper #abt-us .tab-content .tab-pane:nth-child(3) , #wrapper #abt-us .nav-tabs li:nth-child(3) a {
    background: none repeat scroll 0 0 #8ab500;
    }
    #wrapper #abt-us .tab-content .tab-pane:nth-child(4) , #wrapper #abt-us .nav-tabs li:nth-child(4) a {
    background: none repeat scroll 0 0 #ed5c01;
    }
    #wrapper #abt-us .fusion-tabs {
    margin-bottom:0px;
    }
    #wrapper #abt-us .fusion-tabs .nav-tabs {
    border-left: 0 none;
    border-top: 0 none;
    left:0;
    }
    #wrapper #abt-us .fusion-tabs .tab-content .fade.in {
    transition: opacity 1s linear 0s;
    }
    .fusion-one-half.one_half.fusion-column.abt-3 {
    border: 2px solid;
    margin: 45px 0 0 0;
    }
    /* our teachers */
    #wrapper .teachers-tab .fusion-tabs {
    border-radius: 22px;
    overflow: hidden;
    }
    #wrapper .teachers-tab .fusion-one-third.one_third.fusion-column {
    margin: 0;
    }
    #wrapper .teachers-tab .fusion-two-third.two_third.fusion-column.last {
    width:69%;
    }
    #wrapper .teachers-tab .fusion-tabs .tab-content .tab-pane h1 {
    font-style: italic;
    font-weight: 600;
    text-shadow: 1px 1px 2px #fff;
    margin-top:0;
    }
    #wrapper .teachers-tab .nav ul {
    border: 0 none;
    }
    #wrapper .teachers-tab .fusion-tabs .nav .nav-tabs {
    border:1px solid #fff;
    }
    #wrapper .teachers-tab .fusion-tabs .nav .nav-tabs li a {
    border:0px !important;
    color:#fff;
    padding:15px 0;
    text-transform:uppercase;
    }
    #wrapper .teachers-tab .tab-content {
    color: #fff;
    }
    #wrapper .teachers-tab .fusion-tabs .tab-content .tab-pane {
    border-bottom-left-radius:#22px;
    border-bottom-right-radius:#22px;
    }
    #wrapper .teachers-tab .fusion-tabs .nav-tabs lia:hover , #wrapper .teachers-tab .fusion-tabs .nav-tabs li.active a:focus {
    backgound:transparent;
    }
    #wrapper .teachers-tab .tab-content .tab-pane:nth-child(1) , #wrapper .teachers-tab .fusion-tabs .nav-tabs li:nth-child(1) a ,
    #wrapper .teachers-tab .fusion-tabs .nav-tabs li:nth-child(1) a:hover , #wrapper .teachers-tab .fusion-tabs .nav-tabs li.active:nth-child(1).actve a{
    background: none repeat scroll 0 0 #6a3ca3 !important;
    }
    #wrapper .teachers-tab .tab-content .tab-pane:nth-child(2) , #wrapper .teachers-tab .fusion-tabs .nav-tabs li:nth-child(2) a ,
    #wrapper .teachers-tab .fusion-tabs .nav-tabs li:nth-child(2) a:hover , #wrapper .teachers-tab .fusion-tabs .nav-tabs li.active:nth-child(2).actve a{ background: none repeat scroll 0 0 #2975bb !important;
    }
    #wrapper .teachers-tab .tab-content .tab-pane:nth-child(3) , #wrapper .teachers-tab .fusion-tabs .nav-tabs li:nth-child(3) a ,
    #wrapper .teachers-tab .fusion-tabs .nav-tabs li:nth-child(3) a:hover , #wrapper .teachers-tab .fusion-tabs .nav-tabs li.active:nth-child(3).actve a{
    background: none repeat scroll 0 0 #8ab500 !important;
    }
    #wrapper .col-title.trs {
    padding: 7px 0;
    text-align: center;
    }
    /* Teachers Page */
    .list-type {
    background: none repeat scroll 0 0 #ffa500;
    border-radius: 50%;
    margin-right: 7px;
    padding: 7px 11px;
    }
    .act-21, .act-18 {
    float:left;
    width:48%;
    margin:1%;
    }
    .act-21 .list-type, .act-08 .list-type {
    background: none repeat scroll 0 0 #ffa500;
    border-radius: 50%;
    line-height: 36px;
    margin-right: 7px;
    padding: 11px 4px;
    }
    .gform_wrapper .ginput_container textarea.medium, .gform_wrapper .ginput_container input.medium {
    background: none repeat scroll 0 0 #b59dd4 !important;
    border: medium none;
    border-radius: 22px;
    color: #000000 !important;
    margin: 2px 0;
    padding:10px;
    }
    #main .arconix-faq-wrap {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    }
    .arconix-faq-term-title.arconix-faq-term-faqs { display:none;}
    .gform_wrapper .gform_footer {
    text-align: right;
    margin-top: 0!important;
    }
    .gform_footer .button.gform_button {
    background: transparent;
    color: #fff;
    text-shadow: none!important;
    border-color: #B59DD4;
    }
    .gm-style .gm-style-iw {
    color: #000000;
    }
    .fusion-column.red h2 {
    color: #ffffff;
    margin-bottom: 3px;
    }
    /* FAQ PAGE */
    #main .panel-heading .panel-title a, .toggle-content, #main .fusion-accordian .panel-title a {
    font-family: arial;
    font-size: 16px;
    }
    .portfolio-tabs li a, .faq-tabs li a {
    font-size:18px;
    font-family: ‘melbourneregular’;
    }
    /* Events */
    .post-content .widgettitle {
    display: none;
    }
    #main .fusion-one-third.red .widget_em_widget ul , #main .fusion-one-third.red .widget_em_widget ul ul {
    margin:0 ;
    padding:0;
    }
    .widget_em_widget ul {
    padding-left: 10px;
    }
    .widget_em_widget ul li{
    list-style:none;
    margin-bottom:25px;
    }
    .widget_em_widget ul ul li{
    margin-bottom:0; }
    .widget_em_widget ul li a{
    color:#fff;
    }
    .widget_em_widget ul li .date {
    font-size:16px;
    font-family:’melbourneregular’;
    }
    .widget_em_widget ul li .e-loc, .widget_em_widget ul li .e-linkto {
    font-size:14px;
    }
    .css-events-list {
    font-size: 17px;
    }
    .single-event .meta-info {
    display:none;
    }
    .single-event .event.type-event {
    background: none repeat scroll 0 0 #6a3ca3;
    border-radius: 22px;
    padding: 20px;
    }
    .single-event .type-event .entry-title {
    background: none repeat scroll 0 0 #8958c8;
    border-radius: 22px;
    font-family: ‘melbourneregular’ !important;
    font-size: 22px !important;
    padding: 20px !important;
    }
    .single-event .event.type-event p {
    color: #fff;
    line-height: 24px;
    margin:0;
    }
    .single-event .single-navigation, .single-post .single-navigation {
    background: none repeat scroll 0 0 #ef7a00;
    border: 0 none;
    border-radius: 22px;
    }
    .single-event .single-navigation a , .single-post .single-navigation a {
    margin: 0 20px 0 0;
    }
    /* Sidebar */
    #sidebar .widget_em_widget {
    background: #ED5C00;
    border-radius: 22px;
    padding: 15px;
    }
    #sidebar .widget_em_widget h3 {
    font-family: ‘melbourneregular’;
    background: #F98C02;
    border-radius: 22px;
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 10px;
    padding: 20px 15px;
    color:#FFF;
    }
    #sidebar .widget_em_widget ul {
    padding-left:5px;
    }
    #sidebar .widget_em_widget ul li {
    list-style:none;
    color:#FFF;
    margin-bottom: 15px;
    font-size:15px;
    }
    #sidebar .widget_em_widget ul ul li { margin-bottom:0;}
    #sidebar .widget_em_widget ul li a {
    color:#FFF;
    font-size:16px;
    }
    .events-page {
    background: #6A3CA3;
    border-radius: 22px;
    padding: 15px;
    }
    .events-table thead tr th {
    color: #ffffff;
    font-family: ‘melbourneregular’;
    font-size: 16px;
    padding: 15px;
    }
    .events-table tr {
    display: block;
    margin-bottom: 20px !important;
    }
    .events-table tr td {
    color: #ffffff;
    font-size: 16px;
    padding: 15px;
    font-family: arial;
    }
    .events-table tr td a{
    color: #ffffff;
    font-family: ‘melbourneregular’;
    font-size:19px;
    }
    /* infant */
    #main .post-grid .fusion-column ul {
    padding: 0;
    }
    #main .post-grid .fusion-recent-posts .fusion-flexslider {
    min-height:150px;
    }
    .post-grid .fusion-recent-posts.layout-thumbnails-on-side .columns .column {
    margin-bottom: 0;
    }
    .post-grid .fusion-recent-posts .columns .column h4 {
    margin:0px 0 15px 0;
    background: none repeat scroll 0 0 #8958c8;
    border-radius: 22px;
    padding:12px 0;
    }
    #main .post-grid .fusion-recent-posts .fusion-column ul li img {
    height: 185px;
    width: auto;
    }
    .post-grid .fusion-recent-posts .recent-posts-content {
    float: left;
    width: 60%;
    }
    .infant {
    margin:30px 0 0 18%;
    }
    .infant li {
    font-size: 24px;
    line-height: 37px;
    }
    /* FOOTER */
    .footer-area {
    border-top:0;
    }
    #wrapper .footer-area {
    background: url(“http://www.hegurukuwait.com/wp-content/themes/school-child/images/aside_bg_tail.png”) repeat scroll 0 0 rgba(0, 0, 0, 0);
    }
    #wrapper .footer-area h3 {
    color: #7a6d65;
    font-family: ‘melbourneregular’;
    font-size: 27px;
    font-weight: normal;
    line-height: 27px;
    margin-bottom: 10px;
    }
    #wrapper .footer-area li a {
    border-bottom: 1px dotted;
    color: #7a6d65;
    padding: 6px 0;
    text-shadow: none;
    }
    #wrapper .footer-area li a:hover {
    color:#524237;
    }
    #wrapper .footer-area ul li.current-menu-item a , #wrapper .footer-area ul li:hover a {
    color: #1e0d07;
    }
    #wrapper #footer {
    background-color: #F3EEEB;
    border-top: none;
    }
    #footer .copyright {
    text-shadow:none;
    }
    .footer-area .widget_em_widget ul li { margin-bottom:10px;}
    #wrapper .footer-area h3 {
    color: #1e0d07 !important;
    font-weight: bold;
    }
    #wrapper .footer-area h2 {
    color: #1e0d07 !important;
    font-weight: normal;
    }
    #wrapper .footer-area p , #wrapper .footer-area {
    font-size: 17px;
    }
    .popover {
    left: 25% !important;
    width: 500px !important;
    }
    .popover .popover-title {
    width: 500px!important;
    color: #ffffff;
    font-family: ‘Sansita One’;
    font-size: 36px;
    letter-spacing: -0.5px;
    }
    .popover-content{ width:500px!important;}
    /* Our Founders */
    #main .foundrs {
    min-height: 1325px;
    }
    #main .timeline {
    height: 100% !important;
    margin: 40px auto 0 auto;
    }
    .foundrs h1 {
    font-weight: 600;
    margin: 0;
    }
    #wrapper #main .foundrs h2 {
    color:#ffcc00;
    font-size:26px;
    margin:0;
    padding:14px 0 0 0;
    }
    #main .timeline .next, #main .timeline .prev {
    background:none;
    }
    #main .timeline ul {
    height: auto !important;
    }
    .timeline .dates { display:none; }
    .timeline .issues {
    padding-left: 0;
    padding-top: 10px;
    }
    .timeline .issues li {
    height: auto !important;
    opacity:1 !important;
    padding-left: 0;
    }
    #main .timeline .issues li span {
    background: url(“http://www.hegurukuwait.com/wp-content/themes/school-child/images/dot.png”) no-repeat scroll left center rgba(0, 0, 0, 0);
    margin: 0;
    padding-left: 30px !important;
    font-size: 28px;
    }
    /* Postes*/
    #main .fusion-recent-posts .fusion-column {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    }
    .fusion-recent-posts .columns .column h4 {
    font-size: 21px;
    font-weight: bold !important;
    margin: 5px 0;
    text-align: center;
    font-family: ‘melbourneregular’;
    }
    #main .fusion-column .flexslider ul {
    margin: 0;
    }
    #main .fusion-column .flexslider {
    min-height:260px;
    }
    #main .fusion-column .flexslider li {
    display: block;
    }
    #main .fusion-column.m-height {
    min-height:300px!important;
    }
    /* our programme */
    #main .one-column.pgm img {
    margin-right: 9px;
    width: 19%;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -o-border-radius:5px;
    }
    #main .one-column.pgm {
    background:none;
    }
    #main .one-column.pgm .col-title {
    background: none repeat scroll 0 0 #0c96b1;
    }
    #main .grnbtn , #main .nvybtn , #main .orgbtn {
    color:#fff;
    font-size:18px;
    padding: 10px 20px;
    text-align:center;
    width:95%;
    margin:20px auto 0 auto;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -o-border-radius:5px;
    }
    #main .grnbtn {
    background: none repeat scroll 0 0 #8ab500;
    }
    #main .grnbtn:hover {
    background: none repeat scroll 0 0 #a9c64c;
    }
    #main .nvybtn {
    background: none repeat scroll 0 0 #6a38a6;
    }
    #main .nvybtn:hover {
    background: none repeat scroll 0 0 #885bbf;
    }
    #main .orgbtn {
    background: none repeat scroll 0 0 #f17e00;
    }
    #main .orgbtn:hover {
    background: none repeat scroll 0 0 #e99232;
    }
    #main .ourpgm-sec2 {
    color:#fff;
    font-size:17px;
    background: none repeat scroll 0 0 #0c96b1 !important;
    padding:0;
    }
    .ourpgm-sec2 .odd {
    background: none repeat scroll 0 0 #f17e00;
    }
    .ourpgm-sec2 .even {
    background: none repeat scroll 0 0 #6a38a6;
    }
    #main .ourpgm-sec2 .sec-title {
    padding: 15px 0;
    margin: 0 0 10px 0;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #fff;
    }
    .ourpgm-sec2 .col-md-2, .ourpgm-sec2 .col-md-3, .ourpgm-sec2 .col-md-4, .ourpgm-sec2 .col-md-5, .ourpgm-sec2 .col-md-6, .ourpgm-sec2 .col-md-7, .ourpgm-sec2 .col-md-12 {
    padding: 0;
    }
    .ourpgm-sec2 .btn {
    text-align: center;
    }
    #main .ourpgm-sec2 .red {
    background: none repeat scroll 0 0 #ed5c01;
    }
    #main .ourpgm-sec2 .grn {
    background: none repeat scroll 0 0 #8ab500;
    }
    #main .ourpgm-sec2 .cyn {
    background: none repeat scroll 0 0 #0c96b1;
    }
    #main .ourpgm-sec2 .nvy {
    background: none repeat scroll 0 0 #6a38a6;
    }
    #main .ourpgm-sec2 .org {
    background: none repeat scroll 0 0 #f17e00;
    }
    #main .ourpgm-sec2 .red , #main .ourpgm-sec2 .grn , #main .ourpgm-sec2 .cyn , #main .ourpgm-sec2 .nvy , #main .ourpgm-sec2 .org {
    color:#fff;
    font-size:18px;
    padding: 10px 20px;
    text-align:center;
    margin:0 10px;
    overflow:hidden;
    border-radius:5px;
    -webkit-border-radius:5px;
    }
    #main .ourpgm-sec2 .bg4 .btn.grn {
    margin-top: 94px;
    }
    #main .ourpgm-sec2 .btn.nvy {
    bottom: 25px;
    left: 2%;
    width: 93%;
    position: absolute;
    }
    .ourpgm-sec2 .bg{
    background:#0e869e;
    min-height:394px;
    }
    .ourpgm-sec2 .bg2 {
    background:#0e869e;
    }
    .ourpgm-sec2 .bg4 {
    background:#0e869e;
    min-height:293px;
    }
    .ourpgm-sec2 .bg5 {
    min-height:292px;
    }
    .ourpgm-sec2 .bg6 {
    border-left: 1px solid #fff;
    min-height: 393px;
    }
    .ourpgm-sec2 .bg3 {
    overflow: hidden;
    width: 100%;
    border-left: 1px solid #fff;
    background: #0c96b1; /* Old browsers */
    background: -moz-linear-gradient(left, #0c96b1 0%, #0e869e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0c96b1), color-stop(100%,#0e869e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #0c96b1 0%,#0e869e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #0c96b1 0%,#0e869e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #0c96b1 0%,#0e869e 100%); /* IE10+ */
    background: linear-gradient(to right, #0c96b1 0%,#0e869e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#0c96b1′, endColorstr=’#0e869e’,GradientType=1 ); /* IE6-9 */
    }
    #main .ourpgm-sec2 img {
    border-radius: 100%;
    }
    #main .ourpgm-sec2 .img-zm {
    width: 125px;
    height:125px;
    overflow:hidden;
    margin: 41px auto;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    }
    #main .ourpgm-sec2 .img-zm.zm2 {
    margin:60px 15px 0 15px;
    float:left;
    }
    #main .ourpgm-sec2 .img-zm.zm1 {
    margin: 0 auto 10px auto;
    }
    .ourpgm-sec2 .btn:hover {
    box-shadow: 0 0 3px #ccc inset;
    transition: background 0.7s ease-in 0s;
    }
    #main .ourpgm-sec2 .btn.org:hover {
    background: none repeat scroll 0 0 #e99232;
    }
    #main .ourpgm-sec2 .btn.grn:hover {
    background: none repeat scroll 0 0 #a9c64c;
    }
    #main .ourpgm-sec2 .btn.nvy:hover {
    background: none repeat scroll 0 0 #885bbf;
    }
    #main .ourpgm-sec2 .btn.red:hover {
    background: none repeat scroll 0 0 #c94d21;
    }
    .ourpgm-sec2 .col-md-8, .ourpgm-sec2 .col-md-2 {
    padding: 0;
    }
    .ourpgm-sec2 .col-md-7 {
    border-left: 1px solid #fff;
    border-right: 1px solid;
    }

    /* preschool page */
    #main .prescl1 a , #main #pre1 , #main #pre2 {
    font-weight:normal;
    }
    .prescl2 {
    margin: 0 0 15px 0 !important;
    }
    .prescl1 {
    width: 38% !important;
    float:left;
    }
    #main .prescl .highlight {
    padding: 0 10px;
    width: 41%;
    }
    .page-id-426 .fusion-one-fourth {
    padding: 0 15px !important;
    margin-right:0;
    }
    .page-id-426 .three_fourth {
    margin-bottom: 0;
    padding-bottom: 0 !important;
    }
    /* contact */
    .cont {
    text-align: center;
    float: right;
    margin: 15px 0 !important;
    }
    .cont-btn {
    padding: 15px 0;
    }
    .cont-btn a {
    background: none repeat scroll 0 0 #f17e00;
    border-radius: 15px;
    font-size: 25px;
    font-weight: bolder !important;
    line-height: 30px;
    padding: 15px 20px;
    text-transform: uppercase;
    }
    #main .cont-btn a:hover {
    background:#fff;
    color:#f17e00;
    border:2px solid #f17e00;
    transition: background 1s ease 0s;
    }
    /* faq */
    .arconix-faq-wrap .arconix-faq-title {
    font-size:19px;
    }
    /* testimonial */
    #main .bx-wrapper .testimonials-slider {
    padding:0;
    }
    .bx-wrapper ul.testimonials-slider li img {
    max-width: 100%;
    margin: 5px 20px 5px 0;
    }
    .bx-wrapper ul.testimonials-slider li {
    width:100% !important;
    overflow: visible;
    }
    #main .bx-wrapper ul.testimonials-slider blockquote {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    }
    #main .bx-wrapper ul.testimonials-slider blockquote p {
    color: #fff;
    font-style: normal;
    font-family: melbourneregular;
    }
    #main .bx-wrapper ul.testimonials-slider blockquote footer {
    color: #fff;
    font-size: 21px;
    line-height: 25px;
    }

    /* forms */
    #main .contact-form_wrapper input[type=”text”], #main .contact-form_wrapper textarea {
    background: none repeat scroll 0 0 #fff !important;
    border: 1px solid #fff !important;
    }
    .join-us_wrapper .gform_footer .button.gform_button , .contact-form_wrapper .gform_footer .button.gform_button {
    font-size:16px;
    }
    .join-us_wrapper ul.gform_fields li .gfield_label {
    font-size:17px;
    }
    #main .gform_wrapper #join-us .top_label .gfield_label {
    font-size:16px;
    }
    #main .contact-form_wrapper li.gfield.gfield_error.gfield_contains_required , #main .join-us li.gfield.gfield_error.gfield_contains_required {
    margin:0px !important;
    }
    #main .contact-form_wrapper li.gfield.gfield_error, .contact-form_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning ,
    #main .join-us li.gfield.gfield_error, .join-us li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    }
    #main .contact-form_wrapper .gfield_error .gfield_label , #main .join-us .gfield_error .gfield_label {
    color:#fff;
    }
    #main .contact-form_wrapper li.gfield_error input[type=”text”], .contact-form_wrapper .gform_wrapper li.gfield_error textarea ,
    #main .join-us li.gfield_error input[type=”text”], .join-us .gform_wrapper li.gfield_error textarea {
    border: 1px solid #dedede;
    }
    #main .join-us .gfield_description.validation_message , #main .contact-form_wrapper .gfield_description.validation_message {
    padding:0 !important;
    }
    #main .contact-form_wrapper .validation_error , #main .join-us .validation_error {
    display: none;
    }
    #main .contact-form_wrapper .gfield_description.validation_message , #main .join-us .gfield_description.validation_message {
    color:#c94d21;
    }
    .contact-form input[type=”submit”]:hover , .join-us input[type=”submit”]:hover {
    background: none repeat scroll 0 0 #fff;
    color: #6a3ca3;
    }
    .gform_wrapper .join-us .ginput_container textarea.medium, .gform_wrapper .join-us .ginput_container input.medium {
    background: none repeat scroll 0 0 #fff !important;
    }
    #main .join-us_wrapper .gfield_checkbox li label {
    font-size: 17px !important;
    }
    #main .join-us_wrapper .gfield_checkbox li input {
    margin-top:5px;
    }
    /* parent child */
    .page-id-466 .one-column.sec3 .col-title {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    padding: 10px 0 !important;
    }

    @media
    screen and (max-width 1024px) {
    #wrapper #sliders-container .ls-wp-container .ls-yourlogo{
    width:100%!important;
    height:auto!important;
    }
    }

    This is the program page code-
    <div class=”one-column pgm “>
    <div class=”col-title”>Heguru’s Original Right Brain Development Program</div>

    <img class=”alignleft size-full wp-image-369″ src=”http://www.hegurukuwait.com/wp-content/uploads/2014/08/program_img01.jpg” alt=”Prenatal Education” width=”174″ height=”276″ />

    <img class=”alignleft size-full wp-image-370″ src=”http://www.hegurukuwait.com/wp-content/uploads/2014/08/program_img02.jpg” alt=”Infant and Toddler Class” width=”174″ height=”277″ />

    <img class=”alignleft size-full wp-image-371″ src=”http://www.hegurukuwait.com/wp-content/uploads/2014/08/program_img03.jpg” alt=”Preschool Class” width=”174″ height=”277″ />

    <img class=”alignleft size-full wp-image-372″ src=”http://www.hegurukuwait.com/wp-content/uploads/2014/08/program_img04.jpg” alt=”Primary Class” width=”174″ height=”277″ />

    </div>
    <div class=”one-column ourpgm-sec2 col-md-12″>
    <div class=”col-md-2 bg”>
    <div class=”sec-title col-md-12″>Prenatal</div>
    <div class=”btn red”>Prenatal Education</div>
    <div class=”img-zm”><img src=”http://www.hegurukuwait.com/wp-content/uploads/2014/08/prenatal.jpg” alt=”prenatal” width=”150″ height=”150″ class=”aligncenter size-full wp-image-678″ /></div>
    </div>
    <div class=”col-md-8″>
    <div class=”col-md-7″>
    <div class=”sec-title col-md-3″>0 Years</div>
    <div class=”sec-title col-md-3″>1 Years</div>
    <div class=”sec-title col-md-3″>2 Years</div>
    <div class=”sec-title col-md-3″>3 Years</div>
    </div>
    <div class=”col-md-5 bg2″>
    <div class=”sec-title col-md-4″>4 Years</div>
    <div class=”sec-title col-md-4″>5 Years</div>
    <div class=”sec-title col-md-4″>6 Years</div>
    </div>
    <div class=”bg3″>
    <div class=”btn org”>Infant and Toddler Class</div>
    </div>
    <div class=”col-md-7 bg5″>
    <div class=”img-zm zm2″><img src=”http://www.hegurukuwait.com/wp-content/uploads/2014/08/infant.jpg” alt=”infant” width=”150″ height=”150″ class=”alignleft size-full wp-image-679″ /></div>
    <div class=”img-zm zm2″ style=”float:left;”><img src=”http://www.hegurukuwait.com/wp-content/uploads/2014/08/preschool.jpg” alt=”preschool” width=”150″ height=”150″ class=”alignleft size-full wp-image-680″ /></div>
    </div>
    <div class=”col-md-5 bg4″>
    <div class=”btn grn”>Preschool Class</div>
    </div>
    </div>
    <div class=”col-md-2 bg6″>
    <div class=”sec-title col-md-12″>7 Years – 11 Years</div>
    <div class=”img-zm zm1″><img src=”http://www.hegurukuwait.com/wp-content/uploads/2014/08/primary.jpg” alt=”primary” width=”150″ height=”150″ class=”aligncenter size-full wp-image-681″ /></div>
    <div class=”btn red”>Primary Class</div>
    </div>

  • Unknown's avatar

    Hi jinjab,

    The site you’re running appears to be a hosted version of WordPress – which are supported on WordPress.org forums.

    But since I’ve had a quick look, the simplest fix is to change the following:

    #main .one-column.pgm img

    Under this, see where it says width: 19%; you can change this to 24% for a quick fix.

  • Unknown's avatar

    Well I cant tell you ow happy I am. It worked. Thank you very much. I was struggling with this for a long time. Really appreciate for your help.

  • Unknown's avatar

    There is one last thing. How can I add a text to the top header where there is some space in the middle.

  • Unknown's avatar

    That would really depend on how the theme is set up. Often themes allow widgets to be placed in the header – depending on how they’re set up – but to change this will likely require editing the source files themselves to control how those are displayed.

  • Unknown's avatar

    @jinjab
    @demasiri

    That theme is a wordpress.ORG theme.

    hegurukuwait.com is a wordpress.ORG software install on paid hosting, hosted by Bluehost, not by wordpress.COM.

    That site is not on our wordpress.COM servers and we do not provide support for it. You are posting to the wrong support forum.

    WordPress.COM and WordPress.ORG are completely separate and have different username accounts, logins, support docs and support forums, and many people get confused about the two.

    The wordpress.ORG login link is here https://login.wordpress.org/ If you do not have an account yet then click Create an account https://login.wordpress.org/register/ and if you have lost an account password click Lost password? https://login.wordpress.org/lostpassword/

    This is wordpress.COM support. We provide support only for wordpress.COM hosted sites. Our support docs do not apply to
    (1) local installs of wordpress.ORG software on your own server or
    (2) wordpress.ORG software installs on paid hosting, and we do not provide support for them at wordpress.COM.

    Also, note that we do not provide Jetpack support https://jetpack.com/support/ for sites linked to wordpress.COM accounts with the Jetpack plugin so they display on the My Sites wordpress.com account page.

    Some Jetpack solutions are here http://jetpack.com/support/

    Others are in the Jetpack support forum at WordPress.org
    http://wordpress.org/support/plugin/jetpack

    However, if help cannot be found at either one then they can file a Jetpack support ticket here > http://en.support.wordpress.com/contact/?jetpack=needs-service

    WordPress.COM and WordPress.ORG are completely separate and have different username accounts, logins, features, run different versions of some themes with the same names, and have separate support documentation and separate support forums. Read the differences here http://en.support.wordpress.com/com-vs-org/

    WordPress.org support docs are at https://codex.wordpress.org/Main_Page
    See also https://apps.wordpress.org/support/ for app support.

  • Unknown's avatar

    Thanks for the info. I didn’t know that both are different.

  • Unknown's avatar

    You’re welcome and best wishes to you.

  • The topic ‘Avada theme modification’ is closed to new replies.