How can we add a white block background around title and description?

Forums    Joomla Extensions Club    JA Masshead Module    How can we add a white block background around title and description?
Viewing 12 posts - 46 through 57 (of 57 total)
1 … 3 4
  • Author
    Posts
  • jooservices Friend
    September 25, 2015 at 10:32 am #692468

    Hi there
    Look like your server have some special cache.
    I have modified your files, check and it’s modified it. But somehow it’s stil same as old one.

    And one more thing, i saw your directories & files have strange permission.
    Please ask your sysadmin about this. Or do restart your web server.

    Thank you,
    Viet Vu

    jooservices Friend
    September 25, 2015 at 10:32 am #749705

    Hi there
    Look like your server have some special cache.
    I have modified your files, check and it’s modified it. But somehow it’s stil same as old one.

    And one more thing, i saw your directories & files have strange permission.
    Please ask your sysadmin about this. Or do restart your web server.

    Thank you,
    Viet Vu

    romolo Friend
    September 25, 2015 at 10:41 am #692470

    Hi @jooservices,

    Were you making changes to cusom.css? As we were working in there too…
    We are now out of custom.css if this would have been an issue.

    Thank you for advising about the permissions, we are of this and are in the process of resolving with our web hosting.
    Many thanks

    romolo Friend
    September 25, 2015 at 10:41 am #749707

    Hi @jooservices,

    Were you making changes to cusom.css? As we were working in there too…
    We are now out of custom.css if this would have been an issue.

    Thank you for advising about the permissions, we are of this and are in the process of resolving with our web hosting.
    Many thanks

    jooservices Friend
    September 25, 2015 at 10:55 am #692474

    Hi there
    I’m sorry but something strange on your server. File save and loading does not work as expect.
    At moment please apply this at your side. I would suggest restart web server also.

    /httpdocs/templates/ja_charity/css/custom.css
    Replace by this content

    /* Remove numbered menu items */
    .t3-megamenu > .navbar-nav > li:nth-child(1) > a:before {
    content:""
    }

    /* Remove numbered menu items */
    .t3-megamenu > .navbar-nav > li:nth-child(2) > a:before {
    content:""
    }

    /* Remove numbered menu items */
    .t3-megamenu > .navbar-nav > li:nth-child(3) > a:before {
    content:""
    }

    /* Remove numbered menu items */
    .t3-megamenu > .navbar-nav > li:nth-child(4) > a:before {
    content:""
    }

    /* Remove numbered menu items */
    .t3-megamenu > .navbar-nav > li:nth-child(5) > a:before {
    content:""
    }

    /* Remove numbered menu items */
    .t3-megamenu > .navbar-nav > li:nth-child(6) > a:before {
    content:""
    }

    /* Remove numbered menu items */
    .t3-megamenu > .navbar-nav > li:nth-child(7) > a:before {
    content:""
    }

    /* Remove numbered menu items */
    .t3-megamenu > .navbar-nav > li:nth-child(8) > a:before {
    content:""
    }

    /* Remove numbered menu items */
    .t3-megamenu > .navbar-nav > li:nth-child(9) > a:before {
    content:""
    }

    /* Remove numbered menu items */
    .t3-megamenu > .navbar-nav > li:nth-child(10) > a:before {
    content:""
    }

    /* Red text on sub-menu headings */
    .t3-megamenu .dropdown-header:hover,.t3-megamenu .mega-nav .mega-group > .dropdown-header:hover,.t3-megamenu .dropdown-menu .mega-nav .mega-group > .dropdown-header:hover,.t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .dropdown-header:hover,.t3-megamenu .dropdown-header:active,.t3-megamenu .mega-nav .mega-group > .dropdown-header:active,.t3-megamenu .dropdown-menu .mega-nav .mega-group > .dropdown-header:active,.t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .dropdown-header:active,.t3-megamenu .dropdown-header:focus,.t3-megamenu .mega-nav .mega-group > .dropdown-header:focus,.t3-megamenu .dropdown-menu .mega-nav .mega-group > .dropdown-header:focus,.t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .dropdown-header:focus {
    background:inherit;
    color:#D10404
    }

    /* Red text on sub-menu headings */
    .t3-megamenu .dropdown-header,.t3-megamenu .mega-nav .mega-group > .dropdown-header,.t3-megamenu .dropdown-menu .mega-nav .mega-group > .dropdown-header,.t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .dropdown-header,.t3-megamenu .dropdown-header,.t3-megamenu .mega-nav .mega-group > .dropdown-header,.t3-megamenu .dropdown-menu .mega-nav .mega-group > .dropdown-header,.t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .dropdown-header,.t3-megamenu .dropdown-header,.t3-megamenu .mega-nav .mega-group > .dropdown-header,.t3-megamenu .dropdown-menu .mega-nav .mega-group > .dropdown-header,.t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .dropdown-header {
    background:inherit;
    color:#D10404
    }

    /* Sub-menu headings font size and font weight */
    .t3-megamenu .dropdown-header,.t3-megamenu .mega-nav .mega-group > .dropdown-header,.t3-megamenu .dropdown-menu .mega-nav .mega-group > .dropdown-header,.t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .dropdown-header {
    font-size:16px;
    font-weight:700
    }

    /* Open sans font on sub-menu headings */
    .t3-megamenu {
    font-family:'Open Sans',sans-serif
    }

    /* Open sans font body */
    body {
    font-family:"Open Sans",Helvetica,Arial,sans-serif
    }

    /* Open sans font, font-weight and no capitalisation module titles */
    .module-title {
    font-family:"Open Sans",Helvetica,Arial,sans-serif;
    font-weight:700;
    text-transform:none
    }

    /* Open sans font headings */
    h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    font-family:"Open Sans",Helvetica,Arial,sans-serif
    }

    /* Copyright font size */
    .t3-copyright {
    font-size:14px
    }

    /* Menu nav bar background colour black */
    .t3-header {
    background:#000
    }

    /* Active menu item font colour red and bold font weight */
    .navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > .active > a:focus {
    color:#D10404
    font-weight:700
    }

    /* Inactive menu item font colour white */
    .navbar-default .navbar-nav > li > a {
    color:#FFF
    font-weight:700
    }

    /* Menu nav bar margin left from logo and font-size */
    .navbar-default {
    margin-left:20px;
    font-size:16px
    }

    /* Claret down arrow on active menu item, colour red */
    .navbar-default .navbar-nav > .dropdown.active > a .caret {
    border-top-color:#D10404
    border-bottom-color:#D10404
    }

    /* Claret down arrow on inactive menu item, colour white */
    .navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color:#FFF
    border-bottom-color:#FFF
    }

    /* Top Address / Login bar background colour red */
    .t3-topbar {
    background-color:#D10404
    }

    /* Top Address / Login bar background colour red */
    .topbar-btn .ja-login > li > a {
    background-color:#D10404
    }

    /* Border between Create Account & Login, colour dark red */
    .topbar-btn .ja-login > li > a.register-switch {
    border-right:1px solid #A70000
    }

    /* Create Account & Login hover colour dark red */
    .topbar-btn .ja-login > li > a:hover,.topbar-btn .ja-login > li > a:focus,.topbar-btn .ja-login > li > a.focus,.topbar-btn .ja-login > li > a:active,.topbar-btn .ja-login > li > a.active,.open > .dropdown-toggle.topbar-btn .ja-login > li > a {
    background-color:#A70000;
    border-color:#A70000
    }

    /* Footer area padding */
    .t3-footnav {
    padding:30px 0 0
    }

    /* Copyright area padding */
    .t3-copyright {
    padding:15px 0 0
    }

    /* Search icon colour white */
    .nav-search a {
    color:#FFF
    }

    /* Search icon hover red */
    .nav-search a:hover {
    color:#D10404
    }

    /* Article title, no capitalisation */
    .article-title,.article-header h1 {
    text-transform:none
    }

    /* Slideshow background*/
    .slideshow-bg {
    background:url(../images/slideshow-bg.jpg);
    /*background-image: url(http://www.designatedassociates.com/templates/ja_nuevo/images/slideshow-bg.jpg);*/
    background-position-x:initial;
    background-position-y:initial;
    background-size:initial;
    background-repeat-x:initial;
    background-repeat-y:initial;
    background-attachment:initial;
    background-origin:initial;
    background-clip:initial;
    background-color:initial
    }

    .slideshow-bg a {
    color:#FFF
    }

    .slideshow-bg a:hover,.slideshow-bg a:focus {
    color:#FFF!important
    }

    /* Events date/title module red */
    .new-count-wrap .sch-content {
    background:#D10404
    }

    /* Events date/title module red */
    .new-count-wrap .sch-countdown {
    background:#222
    }

    /* "Upcoming Events" text red */
    .bg-gray-darker .mod-title {
    color:#D10404
    }

    /* slider colour red */
    .article-featured-slider .owl-pagination .owl-page.active span,.article-featured-slider .owl-pagination .owl-page:hover span,.article-featured-slider .owl-pagination .owl-page:focus span {
    border-color:#D10404
    }

    /* Connect colour red */
    .t3-footnav .t3-module ul > li > a:hover,.t3-footnav .t3-module ul > li > a:active,.t3-footnav .t3-module ul > li > a:focus {
    color:#D10404
    }

    /* Events hover colour red */
    .event-featured-slider .event-slider .event-item .event-info .post-title a:hover,.event-featured-slider .event-slider .event-item .event-info .post-title a:focus {
    color:#D10404
    }

    /* Slider Image take over specified dimensions and move title left with padding*/
    .owl-carousel .item .slider-img {
    width:60%;
    height:100%
    }

    /*
    .slider-content {
    margin-right: 25%;
    }*/
    .owl-carousel .item .slider-content {
    text-align:left;
    margin-left:20%
    }

    .item-title {
    font-size:14px
    }

    /* Smaller Menu item padding to fit in all of the menu items */
    .nav > li > a {
    padding:10px 14px
    }

    /* resizable slideshow description */
    .home .acm-slideshow .owl-carousel .item .slider-content .item-desc {
    font-size:2vw
    }

    /* resizable slideshow title */
    .owl-carousel .item .slider-content .item-title {
    font-size:3vw
    }

    /* remove space on description of slideshow*/
    p.item-desc {
    line-height:1.25
    }

    /* Contact page social media links background red, text white */
    .contact-links ul li a {
    color:#FFF
    padding:3px!important;
    margin:0 10px 5px 0;
    background-color:#C80000
    border-radius:5px
    }

    /* Contact page social media links hover background red, text white */
    .contact-links ul li a:hover,.contact-links ul li a:active,.contact-links ul li a:focus {
    color:#FFF
    background-color:#C80000
    }

    /* Primary button colour red, text white */
    .btn-primary {
    color:#FFF
    background-color:#D10404
    border-color:#D10404
    }

    /* Primary button colour red, text white */
    .btn-primary:hover,.btn-primary:focus {
    background-color:#BF0000
    }

    /* Primary button hover colour darker red */
    .btn-primary:hover,.btn-primary:focus {
    background-color:#BF0000
    }

    /* Primary button hover text white */
    .btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active,.open > .dropdown-toggle.btn-primary {
    color:#FFF
    border-color:#BF0000
    }

    /* Hyperlink colour red */
    a {
    color:#C80000
    }

    /* Hyperlink hover colour dark red */
    a:hover,a:focus {
    color:#AD0101
    }

    /* Footer module titles colour red */
    .t3-footnav .t3-module .module-title {
    color:#D10404
    }

    /* Active menu item colour red */
    .t3-megamenu .mega-nav > li.current a,.t3-megamenu .dropdown-menu .mega-nav > li.current a,.t3-megamenu .mega-nav > li.active a,.t3-megamenu .dropdown-menu .mega-nav > li.active a {
    color:#D10404
    }

    /* Article title colour red hover */
    .article-title a:hover,.article-header h1 a:hover,.article-title a:focus,.article-header h1 a:focus {
    color:#D10404
    }

    /* DA tree separator on Masthead */
    .t3-masthead:after {
    background:url(../images/ico/divide-side.png) no-repeat center bottom;
    height:30px;
    position:absolute;
    left:0;
    right:0;
    bottom:-10px;
    content:""
    }

    /* DA tree separator on featured articles */
    .article-featured-slider .container .mod-title:after {
    background:url(../../../images/ico/divide-side.png) no-repeat center bottom;
    height:18px
    }

    /* DA tree separator on sidebar modules */
    .t3-sidebar .t3-module:after {
    height:15px
    }

    .webmodule a {
    color:#fff
    }

    /*.module-ct a, .module-ct .custom a {
    color: #FFF
    }*/
    /* TEMP SOLUTION for module text link text hover dark red */
    .tempmodule-ct a:hover {
    color:#FFF
    }

    /* Module link text white */
    /* .module-ct a, .module-ct .custom a {
    color: #FFF
    } */
    .acm-slideshow,.webmodule a {
    color:#FFF
    }

    .acm-slideshow a:hover {
    color:#FFF
    }

    /* Module link text hover red */
    .module-ct a:hover,.module-ct .custom a:hover,.module-ct a:focus,.module-ct .custom a:focus {
    color:#BF0000
    }

    .eventscalinfo a:hover {
    color:#BF0000
    }

    .eventscalinfo a:hover {
    color:#000
    }

    /* TEMP SOLUTION for module text link text red */
    /* .module-ct a, .module-ct .custom a {
    color: #D10404
    } */
    /* Red "Add to cart" shop button colour */
    .vmgroup .vmproduct.productdetails .shop-ct:first-child .product-box input.addtocart-button {
    color:#FFF
    background-color:#D10404
    border-color:#D10404
    }

    /* Red "Add to cart" shop button colour hover */
    .vmgroup .vmproduct.productdetails .shop-ct:first-child .product-box input.addtocart-button:hover,.vmgroup .vmproduct.productdetails .shop-ct:first-child .product-box input.addtocart-button:focus,.vmgroup .vmproduct.productdetails .shop-ct:first-child .product-box input.addtocart-button.focus,.vmgroup .vmproduct.productdetails .shop-ct:first-child .product-box input.addtocart-button:active,.vmgroup .vmproduct.productdetails .shop-ct:first-child .product-box input.addtocart-button.active,.open > .dropdown-toggle.vmgroup .vmproduct.productdetails .shop-ct:first-child .product-box input.addtocart-button {
    color:#FFF
    background-color:#CE0000;
    border-color:#9E0000
    }

    /* Red "Add to cart" shop button colour */
    .vmgroup .vmproduct.productdetails .shop-ct .addtocart-area input.addtocart-button {
    border-radius:0;
    padding-top:0;
    padding-bottom:0;
    color:#FFF
    background-color:#D10404
    border-color:#D10404
    }

    /* Red "Add to cart" shop button colour hover */
    .vmgroup .vmproduct.productdetails .shop-ct .addtocart-area input.addtocart-button:hover,.vmgroup .vmproduct.productdetails .shop-ct .addtocart-area input.addtocart-button:focus,.vmgroup .vmproduct.productdetails .shop-ct .addtocart-area input.addtocart-button.focus,.vmgroup .vmproduct.productdetails .shop-ct .addtocart-area input.addtocart-button:active,.vmgroup .vmproduct.productdetails .shop-ct .addtocart-area input.addtocart-button.active,.open > .dropdown-toggle.vmgroup .vmproduct.productdetails .shop-ct .addtocart-area input.addtocart-button {
    color:#FFF
    background-color:#D10404
    border-color:#9E0000
    }

    /* Product name hover hover colour Red */
    .vmgroup .vmproduct.productdetails .shop-ct:first-child .product-box:hover .prdct-name a {
    color:#CE0000
    }

    /* Product name hover hover colour Red */
    .vmgroup .vmproduct.productdetails .shop-ct .product-box:hover .prdct-name a {
    color:#D10404
    }

    /* Product top border colour Red */
    .vmgroup .vmproduct.productdetails .shop-ct:first-child .product-box {
    border-color:#D10404
    }

    /* Product top border colour Red */
    .product-box {
    border-top:3px solid #D10404
    }

    /* Filter hover colour Red */
    .filter li:hover a,.filter li:focus a,.filter li.active a {
    color:#D10404
    }

    /* Page header text hover colour Red */
    .page-header a:hover,.page-header a:focus {
    color:#D10404
    }

    /* Course categories - hover red
    .cat-children > div:hover, .categories-list > div:hover, .cat-children .category-item:hover, .categories-list .category-item:hover {
    background: #B80000
    color: #FFF
    }*/
    /* Course categories - hover red */
    .cat-children > div:hover,.categories-list > div:hover,.cat-children .category-item:hover,.categories-list .category-item:hover {
    background:#F5F5F5
    }

    /* Intro images */
    .event-detail .event-item-media .item-image img {
    width:20%
    }

    /* Social Media Footer Icons padding */
    .connect li {
    margin:1px 2px 2px 1px
    }

    /* Upcoming training module event titles, margin smaller, normal text size, text wrap */
    .event-featured-slider .event-slider .event-item .event-info .post-title {
    margin:10px 0 0;
    text-transform:normal;
    font-size:18px;
    white-space:inherit;
    overflow-wrap:normal
    }

    /* Span size - for Event Booking module */
    .span3 {
    width:5%
    }

    /* Event Booking mini-calendar module icon day */
    span.event-date span.day {
    border:1px solid #C80000
    color:#000
    }

    /* Event Booking mini-calendar module icon month */
    span.event-date span.month {
    background:#C80000
    border:1px solid #C80000
    }

    /* Active footer menu item colour red */
    .t3-footnav .t3-module ul > li.active > a:hover,.t3-footnav .t3-module ul > li.active > a:active,.t3-footnav .t3-module ul > li.active > a:focus {
    color:#D10404
    }

    /* Event Booking Calendar Days colour red */
    .regpro-calendarWeekDayHeader {
    background:#B80000
    }

    /* Event Booking Calendar Days height */
    .eb-calendar ul.eb-weekdays {
    height:30px
    }

    /* Event Booking Calendar Header background grey (Same as footer) */
    .regpro-calendarMonthHeader {
    background-color:#283034
    }

    /* Event Booking Calendar Days white border */
    .regpro-calendarWeekDayHeader {
    border-left:1px solid #FFF
    }

    /* Active menu item, red background, white text */
    .t3-megamenu .mega-nav > li.current a,.t3-megamenu .dropdown-menu .mega-nav > li.current a,.t3-megamenu .mega-nav > li.active a,.t3-megamenu .dropdown-menu .mega-nav > li.active a {
    color:#FFF
    background-color:#D10404
    }

    /* Menu item hover, red background, white text */
    .t3-megamenu .mega-nav > li a:hover,.t3-megamenu .dropdown-menu .mega-nav > li a:hover,.t3-megamenu .mega-nav > li a:focus,.t3-megamenu .dropdown-menu .mega-nav > li a:focus {
    color:#FFF
    background-color:#D10404
    }

    /* Menu white text on black background */
    .t3-megamenu .mega-nav > li a,.t3-megamenu .dropdown-menu .mega-nav > li a {
    color:#FFF
    }

    /* Black background on dropdown Menu */
    .dropdown-menu {
    background-color:#000
    }

    /* Black background on opened menu items */
    .nav .open > a,.nav .open > a:hover,.nav .open > a:focus {
    background-color:#000
    }

    /* Info for delegates page */
    .infoLeft {
    float:left;
    width:50%;
    overflow:hidden;
    padding-right:10px
    }

    /* Info for delegates page */
    .infoRight {
    width:50%;
    overflow:hidden;
    float:left
    }

    /* Info for delegates page */
    .infoWrapper {
    margin:0
    }

    /* Event on event calendar */
    .regpro-calendarDay .eb_event_link,.regpro-calenderday-highlight .eb_event_link {
    color:#000;
    background:#FFF
    border-left:4px #D10404 solid;
    border-top:none;
    border-right:none;
    border-bottom:none;
    display:block;
    font-size:12px;
    padding:5px
    }

    /* Monthly and Weekly view red */
    .eb-topmenu-calendar ul li a:hover,.eb-topmenu-calendar ul li a.active {
    background:#D10404
    }

    /* Register button on events */
    .eb-taskbar li a:hover {
    background-color:#D10404
    color:#fff
    }

    /* Black footer with no border */
    .t3-footer {
    border-top:none;
    background:#000
    }

    /* No border or padding on the copyright footer */
    .t3-copyright {
    padding:0;
    border-top:none
    }

    /* White Border on footer quick-links */
    .t3-footnav .mod-quicklinks {
    padding-left:60px;
    padding-right:60px;
    border-left:1px solid;
    border-left-width:1px;
    border-left-style:solid;
    border-left-color:#EEE
    border-right:1px solid;
    border-right-width:1px;
    border-right-style:solid;
    border-right-color:#EEE
    border-color:#EEE
    }

    /* Height of DA tree separator */
    .items-leading .leading:after {
    height:16px
    }

    /* Tags module sidebar red background and white text */
    .tagspopular ul > li > a:hover,.tagspopular ul > li > a:focus,.tagspopular ul > li > a:active {
    background:#D10404
    color:#FFF
    }

    /* Tags bottom of article red background and white text */
    .tags span a:hover,.tags span a.label:hover,.tags span a:focus,.tags span a.label:focus,.tags span a:active,.tags span a.label:active {
    background:#D10404
    color:#FFF
    }

    /* Category item colour red */
    .item-image + .category-name a {
    background:#D10404
    }

    /* Category item hover colour dark red */
    .item-image + .category-name a:hover {
    background:#B80000
    }

    /* Off canvas search bar red */
    .t3-off-canvas .t3-off-canvas-header {
    background:#D10404
    color:#FFF
    }

    /* Off canvas active menu item red */
    .t3-off-canvas .t3-off-canvas-body .nav li.active > a,.t3-off-canvas .t3-off-canvas-body .nav li.active.open > a {
    background:none;
    color:#D10404
    }

    /* Menu headings red arrows down */
    .nav .caret {
    border-top-color:#D10404
    border-bottom-color:#D10404
    }

    /* Menu headings bold font */
    .t3-megamenu > .navbar-nav > li {
    font-weight:700
    }

    .customwebhome {
    float:left;
    list-style:inherit;
    align-content:center;
    padding:10px
    }

    /* Dynamics CRM pages modules*/
    .DynamicsModule {
    width:18%;
    float:left;
    margin:5px
    }

    td.DynamicsTab {
    padding:5px
    }

    /* GoldMine CRM pages modules */
    .GoldMineIcon {
    float:Left;
    width:50px;
    line-height:22px;
    text-align:center;
    overflow:hidden
    }

    .GoldMineText {
    /*float: Left;*/
    overflow:hidden;
    line-height:1.5;
    padding-top:5px
    }

    .GoldMineTextTitle {
    /*float: Left;*/
    overflow:hidden;
    line-height:1.5;
    border-bottom:1px solid red
    }

    .GMWrap {
    padding-top:5px
    }

    .custom.GMIconBox {
    float:left;
    width:18%;
    margin:0
    }

    i.fa {
    color:#D10404
    }

    i.fa.fa-bars {
    color:#FFF
    }

    i.fa ._menu {
    color:#FFF
    }

    .webmodule {
    float:left;
    margin:5px;
    margin-top:15px
    }

    .webmodule img {
    width:75%;
    padding:10px
    }

    .awardsmodule {
    background-color:#000;
    color:#FFF
    border-radius:6px;
    padding:11px
    }

    .awardsmodule .module-title {
    color:#D10404
    margin-bottom:-20px
    }

    div#section-180 {
    width:32%
    }

    div#section-178 {
    width:32%
    }

    div#section-179 {
    width:32%
    }

    .bg-primary {
    border:2px solid #D10404
    width:30%;
    margin:auto;
    background-color:#D10404
    }

    .bg-primary a {
    color:#FFF!important
    }

    .bg-primary a:hover a:focus {
    color:#FFF!important
    }

    .bg-primary:hover,.btn-primary:focus {
    border-color:#BF0000;
    background-color:#BF0000
    }

    .btn-primary {
    color:#FFF!important
    }

    .btn-primary a:hover a:focus {
    color:#FFF!important
    }

    .section .section-ct {
    padding:50px 0
    }

    select,textarea,input,input,input,input,input,input,input,input,input,input,input,input,input,input,.inputbox {
    color:#000
    }

    select,textarea,input,input,input,input,input,input,input,input,input,input,input,input,input,input,.inputbox {
    display:inherit
    }

    .input-append .add-on,.input-prepend .add-on {
    padding:6px 5px
    }

    .star {
    color:#D10404
    }

    .breadcrumbtop {
    float:left;
    background-color:#FFF
    font-size:12px
    }

    /* Event Calendar black heading */
    .regpro-calendarMonthHeader {
    background-color:#000
    }

    /* Event Calendar - Weekly view venue padding */
    #extcalendar .eventdesc .location-name {
    padding:5px 0 3px 25px
    }

    /* Event Calendar - Weekly view black heading */
    #extcalendar .currentmonth,#extcalendar .currentday,#extcalendar .currentweek {
    background-color:#000
    }

    /* Event Calendar - Weekly view black heading */
    #extcalendar .previousmonth,#extcalendar .previousday,#extcalendar .previousweek,#extcalendar .nextmonth,#extcalendar .nextday,#extcalendar .nextweek {
    background-color:#000
    }

    /* Event Calendar - Weekly view red heading */
    #extcalendar .tableh2 {
    background:#D10404
    }

    /* Event Calendar - Google Map font */
    .gm-style {
    font-family:"Open Sans",Arial,sans-serif
    }

    /* Contact form - Red text on required items*/
    .contact-form legend {
    color:#D10404
    }

    /* Events info module on Event Calendar page*/
    .eventscalinfo {
    padding-bottom:0;
    margin-bottom:0
    }

    .evetscalinfo a {
    color:#D10404
    }

    /* Events info module on Event Calendar page no padding*/
    .t3-sl {
    padding-bottom:0
    }

    /* Events info module on Event Calendar page no padding*/
    .t3-sl {
    padding-bottom:0
    }

    /* Events Calendar no padding*/
    .eventscaltb .t3-content {
    padding-top:0
    }

    /* Events "Field is required" DA Red */
    .formError .formErrorContent {
    background:#D10404
    }

    /* Events booking fields padding left to get PayPal and Offline Payment alongside each other */
    .form-horizontal .control-label,.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline {
    padding-left:20px
    }

    /* Events booking fields display block to get PayPal and Offline Payment alongside each other */
    .form-horizontal .control-group .controls {
    display:-webkit-box
    }

    /* Masthead - background none */
    .t3-masthead .jamasshead:before {
    background:none
    }

    /* Masthead - text black */
    .t3-masthead {
    color:#000
    }

    /* H3 Masthead - Heading text white box background */
    h3.jamasshead-title {
    background-color:rgba(255,255,255,0.51);
    display:inline-block;
    color:#D10404
    }

    /* Masthead - Description text white box background */
    .jamasshead-description {
    background-color:rgba(255,255,255,0.59)
    }

    /* Reduced padding for courses/events */
    .table > thead > tr > th,.table > tbody > tr > th,.table > tfoot > tr > th,.table > thead > tr > td,.table > tbody > tr > td,.table > tfoot > tr > td {
    padding:6px
    }

    /* New TB Home slideshow full width display */
    .home .t3-sl-1 {
    width:100%
    }

    /* New TB Home slideshow no white space below slideshow */
    div#Mod203 {
    margin-bottom:-1px
    }

    /* Event Booking Map size */
    .cboxLoadedContent {
    width:590px;
    height:610px;
    overflow:auto
    }

    /* Event Booking Map size */
    .window .window-mainbody {
    padding:0
    }

    /* Event Booking Map size */
    .eb-taskbar li a:link,.eb-taskbar li a:visited,.eb-taskbar li a:hover {
    text-decoration:none;
    border:2px solid #D10404
    }

    /* Intro Images automatic sizing rather than upscaling */
    .blog .item-image img {
    width:auto
    }

    .filter {
    display:none
    }

    /* Tree height */
    .items-row .item:after {
    height:16px
    }

    /* Copyright off */
    .omega-powered img {
    display:none
    }

    /* Event Slider - Image alignment - JA Suggestion */
    .event-featured-slider .event-slider .event-item .event-ct {
    min-height:200px!important
    }

    /* No borders on tables */
    td,tr td {
    border-top:none
    }

    .downloadsmod a {
    color:#000
    }

    .ebcalinfo a {
    color:#000
    }

    /* White Border on footer quick-links */
    /*.tbquicklinks {
    border-left: 1px solid;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #EEE
    border-right: 1px solid;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #EEE
    border-color: #EEE
    } */
    .tbquicklinks a {
    color:#FFF!important
    }

    .tbquicklinks a:hover {
    color:#D10404!important
    }

    .ja-twitter-date {
    color:#D10404!important
    }

    .tbcrmtable td {
    padding:10px
    }

    /* Raise the height of the font awesome social sharing icons on the footer */
    .connect li a {
    padding:14px 0!important
    }

    /* Off canvas close button dark red */
    .t3-off-canvas .close {
    background:#840303;
    color:#000
    }

    /* ----------------------- MASTHEAD CLASSES ----------------------- */
    /* DEFAULT MASTHEAD TITLE */
    h3.jamasshead-title {
    background-color:rgba(255,255,255,0.78);
    display:inline-block;
    color:#D10404
    }

    /* DEFAULT MASTHEAD DESCRIPTION */
    .jamasshead-description {
    background-color:rgba(255,255,255,0.78)
    }

    /* About us masthead title */
    .aboutusmh .t3-masthead .jamasshead .jamasshead-title {
    width:220px
    }

    /* About us masthead description */
    .t3-masthead .jamasshead .jamasshead-description {
    width:955px;
    margin:auto
    }

    /* needed to keep menu on one line when reducing down to tablet size - NOT WORKING - template.css 1026 needed changing*/ @media (max-width: 991px) {
    .navbar-default .navbar-nav li a {

    }
    }
    @media (max-width: 991px) and (min-width: 768px) {
    .hidden-sm {

    }
    }

    /* original 100px for front new slideshow of events */
    .event-info.event-info-top {
    height:120px
    }

    /* for web design previous sites on web design page */
    .PreviewSite {
    float:left;
    padding:5px
    }

    /* Jooservices Masthead changes */
    .t3-masthead .jamasshead .jamasshead-title {
    padding-left:15px;
    padding-right:15px
    }

    /* Jooservices Masthead changes */
    .jamasshead-description {
    background-color:none
    }

    /* Jooservices Masthead changes */
    .jamasshead-description {
    background-color:rgba(255,255,255,0.78);
    padding-left:15px;
    padding-right:15px
    }

    /* Removing content for web design menu item that has a page class suffix */
    .DAWebPages .t3-content {
    padding-bottom:0
    }

    .DAWebPages .container.t3-sl.t3-sl-2 {
    padding-top:0
    }

    .DAWebPages .t3-content:after {
    content:"";
    display:block;
    background:url(../images/ico/divide-side.png) repeat center center;
    height:13px;
    margin-bottom:42px;
    margin-top:42px;
    max-width:100%
    }

    /* for webdesign portfolio links on menu item */
    a.PortWeb:link {
    color:#0F0
    }

    a.PortWeb:visited {
    color:#00F
    }

    a.PortWeb:hover {
    color:#9CBA3F
    }

    /httpdocs/templates/ja_charity/html/mod_jamasshead/default.php
    Replace by

    <?php
    /**
    * ------------------------------------------------------------------------
    * JA Charity template
    * ------------------------------------------------------------------------
    * Copyright (C) 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
    * @license - Copyrighted Commercial Software
    * Author: J.O.O.M Solutions Co., Ltd
    * Websites: http://www.joomlart.com - http://www.joomlancers.com
    * This file may not be redistributed in whole or significant part.
    * ------------------------------------------------------------------------
    */

    defined('_JEXEC') or die('Restricted access');
    ?>
    <div class="jamasshead<?php echo $params->get('moduleclass_sfx','')?>" <?php if(isset($masshead['params']['background'])): ?> style="background-image: url(<?php echo $masshead['params']['background'] ?>)" <?php endif; ?>>
    <h3 class="jamasshead-title"><?php echo $masshead['title']; ?></h3>
    <div class="jamasshead-description"><span><?php echo $masshead['description']; ?></span></div>
    </div>

    It should work if your server can load it correctly.

    daldev.dalict.co.uk/templates/ja_charity/css/custom.css
    Check load this on browser it must be loaded exactly as our saved before. ( At moment it’s not ).

    And inspect your masshead module – description must have <span> inside.

    All files i have changed exactly like above but can’t load it correctly . I assume it’s server side or you have any alt caching.

    Thank you,
    Viet Vu

    jooservices Friend
    September 25, 2015 at 10:55 am #749711

    Hi there
    I’m sorry but something strange on your server. File save and loading does not work as expect.
    At moment please apply this at your side. I would suggest restart web server also.

    /httpdocs/templates/ja_charity/css/custom.css
    Replace by this content

    /* Remove numbered menu items */
    .t3-megamenu > .navbar-nav > li:nth-child(1) > a:before {
    content:""
    }

    /* Remove numbered menu items */
    .t3-megamenu > .navbar-nav > li:nth-child(2) > a:before {
    content:""
    }

    /* Remove numbered menu items */
    .t3-megamenu > .navbar-nav > li:nth-child(3) > a:before {
    content:""
    }

    /* Remove numbered menu items */
    .t3-megamenu > .navbar-nav > li:nth-child(4) > a:before {
    content:""
    }

    /* Remove numbered menu items */
    .t3-megamenu > .navbar-nav > li:nth-child(5) > a:before {
    content:""
    }

    /* Remove numbered menu items */
    .t3-megamenu > .navbar-nav > li:nth-child(6) > a:before {
    content:""
    }

    /* Remove numbered menu items */
    .t3-megamenu > .navbar-nav > li:nth-child(7) > a:before {
    content:""
    }

    /* Remove numbered menu items */
    .t3-megamenu > .navbar-nav > li:nth-child(8) > a:before {
    content:""
    }

    /* Remove numbered menu items */
    .t3-megamenu > .navbar-nav > li:nth-child(9) > a:before {
    content:""
    }

    /* Remove numbered menu items */
    .t3-megamenu > .navbar-nav > li:nth-child(10) > a:before {
    content:""
    }

    /* Red text on sub-menu headings */
    .t3-megamenu .dropdown-header:hover,.t3-megamenu .mega-nav .mega-group > .dropdown-header:hover,.t3-megamenu .dropdown-menu .mega-nav .mega-group > .dropdown-header:hover,.t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .dropdown-header:hover,.t3-megamenu .dropdown-header:active,.t3-megamenu .mega-nav .mega-group > .dropdown-header:active,.t3-megamenu .dropdown-menu .mega-nav .mega-group > .dropdown-header:active,.t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .dropdown-header:active,.t3-megamenu .dropdown-header:focus,.t3-megamenu .mega-nav .mega-group > .dropdown-header:focus,.t3-megamenu .dropdown-menu .mega-nav .mega-group > .dropdown-header:focus,.t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .dropdown-header:focus {
    background:inherit;
    color:#D10404
    }

    /* Red text on sub-menu headings */
    .t3-megamenu .dropdown-header,.t3-megamenu .mega-nav .mega-group > .dropdown-header,.t3-megamenu .dropdown-menu .mega-nav .mega-group > .dropdown-header,.t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .dropdown-header,.t3-megamenu .dropdown-header,.t3-megamenu .mega-nav .mega-group > .dropdown-header,.t3-megamenu .dropdown-menu .mega-nav .mega-group > .dropdown-header,.t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .dropdown-header,.t3-megamenu .dropdown-header,.t3-megamenu .mega-nav .mega-group > .dropdown-header,.t3-megamenu .dropdown-menu .mega-nav .mega-group > .dropdown-header,.t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .dropdown-header {
    background:inherit;
    color:#D10404
    }

    /* Sub-menu headings font size and font weight */
    .t3-megamenu .dropdown-header,.t3-megamenu .mega-nav .mega-group > .dropdown-header,.t3-megamenu .dropdown-menu .mega-nav .mega-group > .dropdown-header,.t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .dropdown-header {
    font-size:16px;
    font-weight:700
    }

    /* Open sans font on sub-menu headings */
    .t3-megamenu {
    font-family:'Open Sans',sans-serif
    }

    /* Open sans font body */
    body {
    font-family:"Open Sans",Helvetica,Arial,sans-serif
    }

    /* Open sans font, font-weight and no capitalisation module titles */
    .module-title {
    font-family:"Open Sans",Helvetica,Arial,sans-serif;
    font-weight:700;
    text-transform:none
    }

    /* Open sans font headings */
    h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    font-family:"Open Sans",Helvetica,Arial,sans-serif
    }

    /* Copyright font size */
    .t3-copyright {
    font-size:14px
    }

    /* Menu nav bar background colour black */
    .t3-header {
    background:#000
    }

    /* Active menu item font colour red and bold font weight */
    .navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > .active > a:focus {
    color:#D10404
    font-weight:700
    }

    /* Inactive menu item font colour white */
    .navbar-default .navbar-nav > li > a {
    color:#FFF
    font-weight:700
    }

    /* Menu nav bar margin left from logo and font-size */
    .navbar-default {
    margin-left:20px;
    font-size:16px
    }

    /* Claret down arrow on active menu item, colour red */
    .navbar-default .navbar-nav > .dropdown.active > a .caret {
    border-top-color:#D10404
    border-bottom-color:#D10404
    }

    /* Claret down arrow on inactive menu item, colour white */
    .navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color:#FFF
    border-bottom-color:#FFF
    }

    /* Top Address / Login bar background colour red */
    .t3-topbar {
    background-color:#D10404
    }

    /* Top Address / Login bar background colour red */
    .topbar-btn .ja-login > li > a {
    background-color:#D10404
    }

    /* Border between Create Account & Login, colour dark red */
    .topbar-btn .ja-login > li > a.register-switch {
    border-right:1px solid #A70000
    }

    /* Create Account & Login hover colour dark red */
    .topbar-btn .ja-login > li > a:hover,.topbar-btn .ja-login > li > a:focus,.topbar-btn .ja-login > li > a.focus,.topbar-btn .ja-login > li > a:active,.topbar-btn .ja-login > li > a.active,.open > .dropdown-toggle.topbar-btn .ja-login > li > a {
    background-color:#A70000;
    border-color:#A70000
    }

    /* Footer area padding */
    .t3-footnav {
    padding:30px 0 0
    }

    /* Copyright area padding */
    .t3-copyright {
    padding:15px 0 0
    }

    /* Search icon colour white */
    .nav-search a {
    color:#FFF
    }

    /* Search icon hover red */
    .nav-search a:hover {
    color:#D10404
    }

    /* Article title, no capitalisation */
    .article-title,.article-header h1 {
    text-transform:none
    }

    /* Slideshow background*/
    .slideshow-bg {
    background:url(../images/slideshow-bg.jpg);
    /*background-image: url(http://www.designatedassociates.com/templates/ja_nuevo/images/slideshow-bg.jpg);*/
    background-position-x:initial;
    background-position-y:initial;
    background-size:initial;
    background-repeat-x:initial;
    background-repeat-y:initial;
    background-attachment:initial;
    background-origin:initial;
    background-clip:initial;
    background-color:initial
    }

    .slideshow-bg a {
    color:#FFF
    }

    .slideshow-bg a:hover,.slideshow-bg a:focus {
    color:#FFF!important
    }

    /* Events date/title module red */
    .new-count-wrap .sch-content {
    background:#D10404
    }

    /* Events date/title module red */
    .new-count-wrap .sch-countdown {
    background:#222
    }

    /* "Upcoming Events" text red */
    .bg-gray-darker .mod-title {
    color:#D10404
    }

    /* slider colour red */
    .article-featured-slider .owl-pagination .owl-page.active span,.article-featured-slider .owl-pagination .owl-page:hover span,.article-featured-slider .owl-pagination .owl-page:focus span {
    border-color:#D10404
    }

    /* Connect colour red */
    .t3-footnav .t3-module ul > li > a:hover,.t3-footnav .t3-module ul > li > a:active,.t3-footnav .t3-module ul > li > a:focus {
    color:#D10404
    }

    /* Events hover colour red */
    .event-featured-slider .event-slider .event-item .event-info .post-title a:hover,.event-featured-slider .event-slider .event-item .event-info .post-title a:focus {
    color:#D10404
    }

    /* Slider Image take over specified dimensions and move title left with padding*/
    .owl-carousel .item .slider-img {
    width:60%;
    height:100%
    }

    /*
    .slider-content {
    margin-right: 25%;
    }*/
    .owl-carousel .item .slider-content {
    text-align:left;
    margin-left:20%
    }

    .item-title {
    font-size:14px
    }

    /* Smaller Menu item padding to fit in all of the menu items */
    .nav > li > a {
    padding:10px 14px
    }

    /* resizable slideshow description */
    .home .acm-slideshow .owl-carousel .item .slider-content .item-desc {
    font-size:2vw
    }

    /* resizable slideshow title */
    .owl-carousel .item .slider-content .item-title {
    font-size:3vw
    }

    /* remove space on description of slideshow*/
    p.item-desc {
    line-height:1.25
    }

    /* Contact page social media links background red, text white */
    .contact-links ul li a {
    color:#FFF
    padding:3px!important;
    margin:0 10px 5px 0;
    background-color:#C80000
    border-radius:5px
    }

    /* Contact page social media links hover background red, text white */
    .contact-links ul li a:hover,.contact-links ul li a:active,.contact-links ul li a:focus {
    color:#FFF
    background-color:#C80000
    }

    /* Primary button colour red, text white */
    .btn-primary {
    color:#FFF
    background-color:#D10404
    border-color:#D10404
    }

    /* Primary button colour red, text white */
    .btn-primary:hover,.btn-primary:focus {
    background-color:#BF0000
    }

    /* Primary button hover colour darker red */
    .btn-primary:hover,.btn-primary:focus {
    background-color:#BF0000
    }

    /* Primary button hover text white */
    .btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active,.open > .dropdown-toggle.btn-primary {
    color:#FFF
    border-color:#BF0000
    }

    /* Hyperlink colour red */
    a {
    color:#C80000
    }

    /* Hyperlink hover colour dark red */
    a:hover,a:focus {
    color:#AD0101
    }

    /* Footer module titles colour red */
    .t3-footnav .t3-module .module-title {
    color:#D10404
    }

    /* Active menu item colour red */
    .t3-megamenu .mega-nav > li.current a,.t3-megamenu .dropdown-menu .mega-nav > li.current a,.t3-megamenu .mega-nav > li.active a,.t3-megamenu .dropdown-menu .mega-nav > li.active a {
    color:#D10404
    }

    /* Article title colour red hover */
    .article-title a:hover,.article-header h1 a:hover,.article-title a:focus,.article-header h1 a:focus {
    color:#D10404
    }

    /* DA tree separator on Masthead */
    .t3-masthead:after {
    background:url(../images/ico/divide-side.png) no-repeat center bottom;
    height:30px;
    position:absolute;
    left:0;
    right:0;
    bottom:-10px;
    content:""
    }

    /* DA tree separator on featured articles */
    .article-featured-slider .container .mod-title:after {
    background:url(../../../images/ico/divide-side.png) no-repeat center bottom;
    height:18px
    }

    /* DA tree separator on sidebar modules */
    .t3-sidebar .t3-module:after {
    height:15px
    }

    .webmodule a {
    color:#fff
    }

    /*.module-ct a, .module-ct .custom a {
    color: #FFF
    }*/
    /* TEMP SOLUTION for module text link text hover dark red */
    .tempmodule-ct a:hover {
    color:#FFF
    }

    /* Module link text white */
    /* .module-ct a, .module-ct .custom a {
    color: #FFF
    } */
    .acm-slideshow,.webmodule a {
    color:#FFF
    }

    .acm-slideshow a:hover {
    color:#FFF
    }

    /* Module link text hover red */
    .module-ct a:hover,.module-ct .custom a:hover,.module-ct a:focus,.module-ct .custom a:focus {
    color:#BF0000
    }

    .eventscalinfo a:hover {
    color:#BF0000
    }

    .eventscalinfo a:hover {
    color:#000
    }

    /* TEMP SOLUTION for module text link text red */
    /* .module-ct a, .module-ct .custom a {
    color: #D10404
    } */
    /* Red "Add to cart" shop button colour */
    .vmgroup .vmproduct.productdetails .shop-ct:first-child .product-box input.addtocart-button {
    color:#FFF
    background-color:#D10404
    border-color:#D10404
    }

    /* Red "Add to cart" shop button colour hover */
    .vmgroup .vmproduct.productdetails .shop-ct:first-child .product-box input.addtocart-button:hover,.vmgroup .vmproduct.productdetails .shop-ct:first-child .product-box input.addtocart-button:focus,.vmgroup .vmproduct.productdetails .shop-ct:first-child .product-box input.addtocart-button.focus,.vmgroup .vmproduct.productdetails .shop-ct:first-child .product-box input.addtocart-button:active,.vmgroup .vmproduct.productdetails .shop-ct:first-child .product-box input.addtocart-button.active,.open > .dropdown-toggle.vmgroup .vmproduct.productdetails .shop-ct:first-child .product-box input.addtocart-button {
    color:#FFF
    background-color:#CE0000;
    border-color:#9E0000
    }

    /* Red "Add to cart" shop button colour */
    .vmgroup .vmproduct.productdetails .shop-ct .addtocart-area input.addtocart-button {
    border-radius:0;
    padding-top:0;
    padding-bottom:0;
    color:#FFF
    background-color:#D10404
    border-color:#D10404
    }

    /* Red "Add to cart" shop button colour hover */
    .vmgroup .vmproduct.productdetails .shop-ct .addtocart-area input.addtocart-button:hover,.vmgroup .vmproduct.productdetails .shop-ct .addtocart-area input.addtocart-button:focus,.vmgroup .vmproduct.productdetails .shop-ct .addtocart-area input.addtocart-button.focus,.vmgroup .vmproduct.productdetails .shop-ct .addtocart-area input.addtocart-button:active,.vmgroup .vmproduct.productdetails .shop-ct .addtocart-area input.addtocart-button.active,.open > .dropdown-toggle.vmgroup .vmproduct.productdetails .shop-ct .addtocart-area input.addtocart-button {
    color:#FFF
    background-color:#D10404
    border-color:#9E0000
    }

    /* Product name hover hover colour Red */
    .vmgroup .vmproduct.productdetails .shop-ct:first-child .product-box:hover .prdct-name a {
    color:#CE0000
    }

    /* Product name hover hover colour Red */
    .vmgroup .vmproduct.productdetails .shop-ct .product-box:hover .prdct-name a {
    color:#D10404
    }

    /* Product top border colour Red */
    .vmgroup .vmproduct.productdetails .shop-ct:first-child .product-box {
    border-color:#D10404
    }

    /* Product top border colour Red */
    .product-box {
    border-top:3px solid #D10404
    }

    /* Filter hover colour Red */
    .filter li:hover a,.filter li:focus a,.filter li.active a {
    color:#D10404
    }

    /* Page header text hover colour Red */
    .page-header a:hover,.page-header a:focus {
    color:#D10404
    }

    /* Course categories - hover red
    .cat-children > div:hover, .categories-list > div:hover, .cat-children .category-item:hover, .categories-list .category-item:hover {
    background: #B80000
    color: #FFF
    }*/
    /* Course categories - hover red */
    .cat-children > div:hover,.categories-list > div:hover,.cat-children .category-item:hover,.categories-list .category-item:hover {
    background:#F5F5F5
    }

    /* Intro images */
    .event-detail .event-item-media .item-image img {
    width:20%
    }

    /* Social Media Footer Icons padding */
    .connect li {
    margin:1px 2px 2px 1px
    }

    /* Upcoming training module event titles, margin smaller, normal text size, text wrap */
    .event-featured-slider .event-slider .event-item .event-info .post-title {
    margin:10px 0 0;
    text-transform:normal;
    font-size:18px;
    white-space:inherit;
    overflow-wrap:normal
    }

    /* Span size - for Event Booking module */
    .span3 {
    width:5%
    }

    /* Event Booking mini-calendar module icon day */
    span.event-date span.day {
    border:1px solid #C80000
    color:#000
    }

    /* Event Booking mini-calendar module icon month */
    span.event-date span.month {
    background:#C80000
    border:1px solid #C80000
    }

    /* Active footer menu item colour red */
    .t3-footnav .t3-module ul > li.active > a:hover,.t3-footnav .t3-module ul > li.active > a:active,.t3-footnav .t3-module ul > li.active > a:focus {
    color:#D10404
    }

    /* Event Booking Calendar Days colour red */
    .regpro-calendarWeekDayHeader {
    background:#B80000
    }

    /* Event Booking Calendar Days height */
    .eb-calendar ul.eb-weekdays {
    height:30px
    }

    /* Event Booking Calendar Header background grey (Same as footer) */
    .regpro-calendarMonthHeader {
    background-color:#283034
    }

    /* Event Booking Calendar Days white border */
    .regpro-calendarWeekDayHeader {
    border-left:1px solid #FFF
    }

    /* Active menu item, red background, white text */
    .t3-megamenu .mega-nav > li.current a,.t3-megamenu .dropdown-menu .mega-nav > li.current a,.t3-megamenu .mega-nav > li.active a,.t3-megamenu .dropdown-menu .mega-nav > li.active a {
    color:#FFF
    background-color:#D10404
    }

    /* Menu item hover, red background, white text */
    .t3-megamenu .mega-nav > li a:hover,.t3-megamenu .dropdown-menu .mega-nav > li a:hover,.t3-megamenu .mega-nav > li a:focus,.t3-megamenu .dropdown-menu .mega-nav > li a:focus {
    color:#FFF
    background-color:#D10404
    }

    /* Menu white text on black background */
    .t3-megamenu .mega-nav > li a,.t3-megamenu .dropdown-menu .mega-nav > li a {
    color:#FFF
    }

    /* Black background on dropdown Menu */
    .dropdown-menu {
    background-color:#000
    }

    /* Black background on opened menu items */
    .nav .open > a,.nav .open > a:hover,.nav .open > a:focus {
    background-color:#000
    }

    /* Info for delegates page */
    .infoLeft {
    float:left;
    width:50%;
    overflow:hidden;
    padding-right:10px
    }

    /* Info for delegates page */
    .infoRight {
    width:50%;
    overflow:hidden;
    float:left
    }

    /* Info for delegates page */
    .infoWrapper {
    margin:0
    }

    /* Event on event calendar */
    .regpro-calendarDay .eb_event_link,.regpro-calenderday-highlight .eb_event_link {
    color:#000;
    background:#FFF
    border-left:4px #D10404 solid;
    border-top:none;
    border-right:none;
    border-bottom:none;
    display:block;
    font-size:12px;
    padding:5px
    }

    /* Monthly and Weekly view red */
    .eb-topmenu-calendar ul li a:hover,.eb-topmenu-calendar ul li a.active {
    background:#D10404
    }

    /* Register button on events */
    .eb-taskbar li a:hover {
    background-color:#D10404
    color:#fff
    }

    /* Black footer with no border */
    .t3-footer {
    border-top:none;
    background:#000
    }

    /* No border or padding on the copyright footer */
    .t3-copyright {
    padding:0;
    border-top:none
    }

    /* White Border on footer quick-links */
    .t3-footnav .mod-quicklinks {
    padding-left:60px;
    padding-right:60px;
    border-left:1px solid;
    border-left-width:1px;
    border-left-style:solid;
    border-left-color:#EEE
    border-right:1px solid;
    border-right-width:1px;
    border-right-style:solid;
    border-right-color:#EEE
    border-color:#EEE
    }

    /* Height of DA tree separator */
    .items-leading .leading:after {
    height:16px
    }

    /* Tags module sidebar red background and white text */
    .tagspopular ul > li > a:hover,.tagspopular ul > li > a:focus,.tagspopular ul > li > a:active {
    background:#D10404
    color:#FFF
    }

    /* Tags bottom of article red background and white text */
    .tags span a:hover,.tags span a.label:hover,.tags span a:focus,.tags span a.label:focus,.tags span a:active,.tags span a.label:active {
    background:#D10404
    color:#FFF
    }

    /* Category item colour red */
    .item-image + .category-name a {
    background:#D10404
    }

    /* Category item hover colour dark red */
    .item-image + .category-name a:hover {
    background:#B80000
    }

    /* Off canvas search bar red */
    .t3-off-canvas .t3-off-canvas-header {
    background:#D10404
    color:#FFF
    }

    /* Off canvas active menu item red */
    .t3-off-canvas .t3-off-canvas-body .nav li.active > a,.t3-off-canvas .t3-off-canvas-body .nav li.active.open > a {
    background:none;
    color:#D10404
    }

    /* Menu headings red arrows down */
    .nav .caret {
    border-top-color:#D10404
    border-bottom-color:#D10404
    }

    /* Menu headings bold font */
    .t3-megamenu > .navbar-nav > li {
    font-weight:700
    }

    .customwebhome {
    float:left;
    list-style:inherit;
    align-content:center;
    padding:10px
    }

    /* Dynamics CRM pages modules*/
    .DynamicsModule {
    width:18%;
    float:left;
    margin:5px
    }

    td.DynamicsTab {
    padding:5px
    }

    /* GoldMine CRM pages modules */
    .GoldMineIcon {
    float:Left;
    width:50px;
    line-height:22px;
    text-align:center;
    overflow:hidden
    }

    .GoldMineText {
    /*float: Left;*/
    overflow:hidden;
    line-height:1.5;
    padding-top:5px
    }

    .GoldMineTextTitle {
    /*float: Left;*/
    overflow:hidden;
    line-height:1.5;
    border-bottom:1px solid red
    }

    .GMWrap {
    padding-top:5px
    }

    .custom.GMIconBox {
    float:left;
    width:18%;
    margin:0
    }

    i.fa {
    color:#D10404
    }

    i.fa.fa-bars {
    color:#FFF
    }

    i.fa ._menu {
    color:#FFF
    }

    .webmodule {
    float:left;
    margin:5px;
    margin-top:15px
    }

    .webmodule img {
    width:75%;
    padding:10px
    }

    .awardsmodule {
    background-color:#000;
    color:#FFF
    border-radius:6px;
    padding:11px
    }

    .awardsmodule .module-title {
    color:#D10404
    margin-bottom:-20px
    }

    div#section-180 {
    width:32%
    }

    div#section-178 {
    width:32%
    }

    div#section-179 {
    width:32%
    }

    .bg-primary {
    border:2px solid #D10404
    width:30%;
    margin:auto;
    background-color:#D10404
    }

    .bg-primary a {
    color:#FFF!important
    }

    .bg-primary a:hover a:focus {
    color:#FFF!important
    }

    .bg-primary:hover,.btn-primary:focus {
    border-color:#BF0000;
    background-color:#BF0000
    }

    .btn-primary {
    color:#FFF!important
    }

    .btn-primary a:hover a:focus {
    color:#FFF!important
    }

    .section .section-ct {
    padding:50px 0
    }

    select,textarea,input,input,input,input,input,input,input,input,input,input,input,input,input,input,.inputbox {
    color:#000
    }

    select,textarea,input,input,input,input,input,input,input,input,input,input,input,input,input,input,.inputbox {
    display:inherit
    }

    .input-append .add-on,.input-prepend .add-on {
    padding:6px 5px
    }

    .star {
    color:#D10404
    }

    .breadcrumbtop {
    float:left;
    background-color:#FFF
    font-size:12px
    }

    /* Event Calendar black heading */
    .regpro-calendarMonthHeader {
    background-color:#000
    }

    /* Event Calendar - Weekly view venue padding */
    #extcalendar .eventdesc .location-name {
    padding:5px 0 3px 25px
    }

    /* Event Calendar - Weekly view black heading */
    #extcalendar .currentmonth,#extcalendar .currentday,#extcalendar .currentweek {
    background-color:#000
    }

    /* Event Calendar - Weekly view black heading */
    #extcalendar .previousmonth,#extcalendar .previousday,#extcalendar .previousweek,#extcalendar .nextmonth,#extcalendar .nextday,#extcalendar .nextweek {
    background-color:#000
    }

    /* Event Calendar - Weekly view red heading */
    #extcalendar .tableh2 {
    background:#D10404
    }

    /* Event Calendar - Google Map font */
    .gm-style {
    font-family:"Open Sans",Arial,sans-serif
    }

    /* Contact form - Red text on required items*/
    .contact-form legend {
    color:#D10404
    }

    /* Events info module on Event Calendar page*/
    .eventscalinfo {
    padding-bottom:0;
    margin-bottom:0
    }

    .evetscalinfo a {
    color:#D10404
    }

    /* Events info module on Event Calendar page no padding*/
    .t3-sl {
    padding-bottom:0
    }

    /* Events info module on Event Calendar page no padding*/
    .t3-sl {
    padding-bottom:0
    }

    /* Events Calendar no padding*/
    .eventscaltb .t3-content {
    padding-top:0
    }

    /* Events "Field is required" DA Red */
    .formError .formErrorContent {
    background:#D10404
    }

    /* Events booking fields padding left to get PayPal and Offline Payment alongside each other */
    .form-horizontal .control-label,.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline {
    padding-left:20px
    }

    /* Events booking fields display block to get PayPal and Offline Payment alongside each other */
    .form-horizontal .control-group .controls {
    display:-webkit-box
    }

    /* Masthead - background none */
    .t3-masthead .jamasshead:before {
    background:none
    }

    /* Masthead - text black */
    .t3-masthead {
    color:#000
    }

    /* H3 Masthead - Heading text white box background */
    h3.jamasshead-title {
    background-color:rgba(255,255,255,0.51);
    display:inline-block;
    color:#D10404
    }

    /* Masthead - Description text white box background */
    .jamasshead-description {
    background-color:rgba(255,255,255,0.59)
    }

    /* Reduced padding for courses/events */
    .table > thead > tr > th,.table > tbody > tr > th,.table > tfoot > tr > th,.table > thead > tr > td,.table > tbody > tr > td,.table > tfoot > tr > td {
    padding:6px
    }

    /* New TB Home slideshow full width display */
    .home .t3-sl-1 {
    width:100%
    }

    /* New TB Home slideshow no white space below slideshow */
    div#Mod203 {
    margin-bottom:-1px
    }

    /* Event Booking Map size */
    .cboxLoadedContent {
    width:590px;
    height:610px;
    overflow:auto
    }

    /* Event Booking Map size */
    .window .window-mainbody {
    padding:0
    }

    /* Event Booking Map size */
    .eb-taskbar li a:link,.eb-taskbar li a:visited,.eb-taskbar li a:hover {
    text-decoration:none;
    border:2px solid #D10404
    }

    /* Intro Images automatic sizing rather than upscaling */
    .blog .item-image img {
    width:auto
    }

    .filter {
    display:none
    }

    /* Tree height */
    .items-row .item:after {
    height:16px
    }

    /* Copyright off */
    .omega-powered img {
    display:none
    }

    /* Event Slider - Image alignment - JA Suggestion */
    .event-featured-slider .event-slider .event-item .event-ct {
    min-height:200px!important
    }

    /* No borders on tables */
    td,tr td {
    border-top:none
    }

    .downloadsmod a {
    color:#000
    }

    .ebcalinfo a {
    color:#000
    }

    /* White Border on footer quick-links */
    /*.tbquicklinks {
    border-left: 1px solid;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #EEE
    border-right: 1px solid;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #EEE
    border-color: #EEE
    } */
    .tbquicklinks a {
    color:#FFF!important
    }

    .tbquicklinks a:hover {
    color:#D10404!important
    }

    .ja-twitter-date {
    color:#D10404!important
    }

    .tbcrmtable td {
    padding:10px
    }

    /* Raise the height of the font awesome social sharing icons on the footer */
    .connect li a {
    padding:14px 0!important
    }

    /* Off canvas close button dark red */
    .t3-off-canvas .close {
    background:#840303;
    color:#000
    }

    /* ----------------------- MASTHEAD CLASSES ----------------------- */
    /* DEFAULT MASTHEAD TITLE */
    h3.jamasshead-title {
    background-color:rgba(255,255,255,0.78);
    display:inline-block;
    color:#D10404
    }

    /* DEFAULT MASTHEAD DESCRIPTION */
    .jamasshead-description {
    background-color:rgba(255,255,255,0.78)
    }

    /* About us masthead title */
    .aboutusmh .t3-masthead .jamasshead .jamasshead-title {
    width:220px
    }

    /* About us masthead description */
    .t3-masthead .jamasshead .jamasshead-description {
    width:955px;
    margin:auto
    }

    /* needed to keep menu on one line when reducing down to tablet size - NOT WORKING - template.css 1026 needed changing*/ @media (max-width: 991px) {
    .navbar-default .navbar-nav li a {

    }
    }
    @media (max-width: 991px) and (min-width: 768px) {
    .hidden-sm {

    }
    }

    /* original 100px for front new slideshow of events */
    .event-info.event-info-top {
    height:120px
    }

    /* for web design previous sites on web design page */
    .PreviewSite {
    float:left;
    padding:5px
    }

    /* Jooservices Masthead changes */
    .t3-masthead .jamasshead .jamasshead-title {
    padding-left:15px;
    padding-right:15px
    }

    /* Jooservices Masthead changes */
    .jamasshead-description {
    background-color:none
    }

    /* Jooservices Masthead changes */
    .jamasshead-description {
    background-color:rgba(255,255,255,0.78);
    padding-left:15px;
    padding-right:15px
    }

    /* Removing content for web design menu item that has a page class suffix */
    .DAWebPages .t3-content {
    padding-bottom:0
    }

    .DAWebPages .container.t3-sl.t3-sl-2 {
    padding-top:0
    }

    .DAWebPages .t3-content:after {
    content:"";
    display:block;
    background:url(../images/ico/divide-side.png) repeat center center;
    height:13px;
    margin-bottom:42px;
    margin-top:42px;
    max-width:100%
    }

    /* for webdesign portfolio links on menu item */
    a.PortWeb:link {
    color:#0F0
    }

    a.PortWeb:visited {
    color:#00F
    }

    a.PortWeb:hover {
    color:#9CBA3F
    }

    /httpdocs/templates/ja_charity/html/mod_jamasshead/default.php
    Replace by

    <?php
    /**
    * ------------------------------------------------------------------------
    * JA Charity template
    * ------------------------------------------------------------------------
    * Copyright (C) 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
    * @license - Copyrighted Commercial Software
    * Author: J.O.O.M Solutions Co., Ltd
    * Websites: http://www.joomlart.com - http://www.joomlancers.com
    * This file may not be redistributed in whole or significant part.
    * ------------------------------------------------------------------------
    */

    defined('_JEXEC') or die('Restricted access');
    ?>
    <div class="jamasshead<?php echo $params->get('moduleclass_sfx','')?>" <?php if(isset($masshead['params']['background'])): ?> style="background-image: url(<?php echo $masshead['params']['background'] ?>)" <?php endif; ?>>
    <h3 class="jamasshead-title"><?php echo $masshead['title']; ?></h3>
    <div class="jamasshead-description"><span><?php echo $masshead['description']; ?></span></div>
    </div>

    It should work if your server can load it correctly.

    daldev.dalict.co.uk/templates/ja_charity/css/custom.css
    Check load this on browser it must be loaded exactly as our saved before. ( At moment it’s not ).

    And inspect your masshead module – description must have <span> inside.

    All files i have changed exactly like above but can’t load it correctly . I assume it’s server side or you have any alt caching.

    Thank you,
    Viet Vu

    romolo Friend
    September 25, 2015 at 11:01 am #692555

    Hi @jooservices,

    Thank you for your reply, ok it looks like you might be trying to edit this on the development link and that might be why you’re having these permission issues.

    I will send you a private message with the live site link… Please ensure you are using this link and not the development link.

    Many thanks

    romolo Friend
    September 25, 2015 at 11:01 am #749712

    Hi @jooservices,

    Thank you for your reply, ok it looks like you might be trying to edit this on the development link and that might be why you’re having these permission issues.

    I will send you a private message with the live site link… Please ensure you are using this link and not the development link.

    Many thanks

    jooservices Friend
    October 1, 2015 at 3:48 am #694100

    Hi there
    I have applied on your live site. Please check it at your side.

    https://www.dropbox.com/s/ncc9y5t5ij4k4m0/2015-10-01_10-48-17.png?dl=0

    About your custom.css, i would suggest you make less file and compile it . Because your custom.css now look like but mess that would hard for maintenance.

    Thank you,
    Viet Vu

    jooservices Friend
    October 1, 2015 at 3:48 am #750271

    Hi there
    I have applied on your live site. Please check it at your side.

    https://www.dropbox.com/s/ncc9y5t5ij4k4m0/2015-10-01_10-48-17.png?dl=0

    About your custom.css, i would suggest you make less file and compile it . Because your custom.css now look like but mess that would hard for maintenance.

    Thank you,
    Viet Vu

    romolo Friend
    October 1, 2015 at 1:45 pm #694593

    @jooservices, BRILLIANT!

    Many thanks for your assistance.

    romolo Friend
    October 1, 2015 at 1:45 pm #750314

    @jooservices, BRILLIANT!

    Many thanks for your assistance.

  • Author
    Posts
Viewing 12 posts - 46 through 57 (of 57 total)
1 … 3 4

This topic contains 57 replies, has 2 voices, and was last updated by  romolo 9 years, 1 month ago.

We moved to new unified forum. Please post all new support queries in our New Forum

Important Notice :

New Unified Portal is live

Must Read

Jump to forum

Categories