Joomla Templates Club 406,261 posts

[Hayden A Friend Hayden AJoin date: April 2010Posts: 282Downloads:0Uploads:20 Thanked: 54 times in 53 posts]

#516373

you need to create custom.css file in folder templatesja_argocss
and add the bellow CSS code section to that file.

[PHP].brick-big .brick-title a {
background: red;
color: white;
}[/PHP]

because you have enabled development Mode in Template manager so you click compile less to css and check again.

[Ydroxoos Friend YdroxoosJoin date: July 2006Posts: 18Downloads:0Uploads:3 Thanks: 6 Thanked: 1 times in 1 posts]

#516693

Hi Nazario,
I have diabled both ‘Development Mode’ and ‘Optimize Css’ but the fonts aren’t changing… Any other suggestions please? 🙁

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#516698

<em>@Ydroxoos 403594 wrote:</em><blockquote>Hi Nazario,
I have diabled both ‘Development Mode’ and ‘Optimize Css’ but the fonts aren’t changing… Any other suggestions please? :(</blockquote>

Have you cleared your cache – both T3 and browser?

[Ydroxoos Friend YdroxoosJoin date: July 2006Posts: 18Downloads:0Uploads:3 Thanks: 6 Thanked: 1 times in 1 posts]

#516700

Yes as well as I have checked for another browser (with no cache of my site) but the fonts are the same size… :((

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#516799

Hi Ydroxoos,

I have checked your site. You did not change as i suggested :

<blockquote>Then please try to do as following:
– Open file: /templates/ja_argo/css/custom.css
– Add this code:

.brick-big .brick-title a {
background-color: #000000
color: #FFFF00
}
</blockquote>

This is your custom.css file:

.logo-image a {
height: 50px;
width: 151px;
}
.show-grid {
margin-bottom: 20px;
margin-top: 10px;
}
.show-grid {
background-color: #EEEEEE
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
line-height: 40px;
min-height: 40px;
text-align: center;
}
.show-grid:hover {
background-attachment: scroll;
background-clip: border-box;
background-color: #DDDDDD
background-image: none;
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto auto;
}
.show-grid .show-grid {
margin-bottom: 0;
margin-top: 0;
}
.show-grid .show-grid {
margin-top: 5px;
}
.show-grid {
background-color: #CCCCCC
}
.show-grid {
background-color: #999999
}
.table th {
color: #444444
font-weight: bold;
}
.table-striped tbody tr:nth-child(2n+1) td, .table-striped tbody tr:nth-child(2n+1) th {
}
.responsive-utilities th small {
color: #999999
display: block;
font-weight: normal;
}
.responsive-utilities tbody th {
background-attachment: scroll;
background-clip: border-box;
background-color: rgba(0, 0, 0, 0);
background-image: none;
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto auto;
font-weight: normal;
}
.responsive-utilities td {
text-align: center;
}
.responsive-utilities td.is-visible {
background-color: #DFF0D8 !important;
color: #468847
}
.responsive-utilities td.is-hidden {
background-color: #F9F9F9 !important;
color: #CCCCCC
}
.responsive-utilities-test {
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-left: 0;
margin-top: 5px;
overflow-x: hidden;
overflow-y: hidden;
}
.responsive-utilities-test li {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-bottom-color: #DDDDDD
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
border-image-slice: 100% 100% 100% 100%;
border-image-source: none;
border-image-width: 1 1 1 1;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
border-left-color-value: #DDDDDD
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-left-style-value: solid;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-left-width-value: 1px;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-right-color-value: #DDDDDD
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-right-style-value: solid;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-right-width-value: 1px;
border-top-color: #DDDDDD
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-style: solid;
border-top-width: 1px;
color: #999999
float: left;
font-size: 14px;
font-weight: bold;
height: 43px;
line-height: 43px;
position: relative;
text-align: center;
width: 25%;
}
.responsive-utilities-test li + li {
margin-left: 10px;
}
.responsive-utilities-test span {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
bottom: -1px;
left: -1px;
position: absolute;
right: -1px;
top: -1px;
}
.responsive-utilities-test span {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-bottom-color: #D6E9C6
border-bottom-style: solid;
border-bottom-width: 1px;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
border-image-slice: 100% 100% 100% 100%;
border-image-source: none;
border-image-width: 1 1 1 1;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
border-left-color-value: #D6E9C6
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-left-style-value: solid;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-left-width-value: 1px;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-right-color-value: #D6E9C6
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-right-style-value: solid;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-right-width-value: 1px;
border-top-color: #D6E9C6
border-top-style: solid;
border-top-width: 1px;
color: #468847
}
.table-bordered {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-bottom-color: #DDDDDD
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-collapse: separate;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
border-image-slice: 100% 100% 100% 100%;
border-image-source: none;
border-image-width: 1 1 1 1;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
border-left-color-value: -moz-use-text-color;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-left-style-value: none;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-left-width-value: 0;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-right-color-value: #DDDDDD
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-right-style-value: solid;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-right-width-value: 1px;
border-top-color: #DDDDDD
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-style: solid;
border-top-width: 1px;
}
.table {
margin-bottom: 20px;
width: 100%;
}
table {
background-color: rgba(0, 0, 0, 0);
border-collapse: collapse;
border-spacing: 0;
max-width: 100%;
}
.social-link {
background-color: #111111
float: right;
margin-right: 90px;
transition-delay: 0s, 0s;
transition-duration: 0.6s, 0.6s;
transition-property: background-color, border-color;
transition-timing-function: ease-out, ease-out;
}
.social-link .addthis_toolbox {
background-color: #111111
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
border-left-color-value: #1D1D1D
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-left-style-value: solid;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-left-width-value: 1px;
height: 50px !important;
transition-delay: 0s, 0s;
transition-duration: 0.6s, 0.6s;
transition-property: background-color, border-color;
transition-timing-function: ease-out, ease-out;
}
.social-link .addthis_toolbox > a {
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-right-color-value: #1D1D1D
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-right-style-value: solid;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-right-width-value: 1px;
margin-bottom: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-top: 0 !important;
padding-bottom: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
padding-top: 0 !important;
transition-delay: 0s;
transition-duration: 0.6s;
transition-property: border-color;
transition-timing-function: ease-out;
}
.social-link .addthis_toolbox > a > span.at300bs {
background-image: url("../images/ico-social.png") !important;
height: 50px !important;
line-height: 60px !important;
width: 60px !important;
}
.social-link .addthis_toolbox > a > span.at300bs.at15t_facebook {
background-position: 0 0 !important;
}
.social-link .addthis_toolbox > a > span.at300bs.at15t_facebook:hover {
background-color: #0066B9 !important;
background-position: -60px 0 !important;
}
.social-link .addthis_toolbox > a > span.at300bs.at15t_twitter {
background-position: 0 -60px !important;
}
.social-link .addthis_toolbox > a > span.at300bs.at15t_twitter:hover {
background-color: #0093C3 !important;
background-position: -60px -60px !important;
}
.social-link .addthis_toolbox > a > span.at300bs.at15t_youtube {
background-position: 0 -180px !important;
}
.social-link .addthis_toolbox > a > span.at300bs.at15t_youtube:hover {
background-color: #7B4939 !important;
background-position: -60px -180px !important;
}
.social-link .addthis_toolbox > a > span.at300bs.at15t_instagram {
background-position: 0 -120px !important;
}
.social-link .addthis_toolbox > a > span.at300bs.at15t_instagram:hover {
background-color: #7B4939 !important;
background-position: -60px -120px !important;
} @media (max-width: 479px) {
.head-search {
display: none;
}
.brick-big .brick-title a {
font-size: 20px;
line-height: 1;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
}
}

.brick-big .brick-title a {
background-color: black;
color: yellow;
}

Please try adding the red line code into custom.css file.

Let me know if this helps.

[Author]

Posts