Joomla Templates Club 406,261 posts

[shafaaq Friend shafaaqJoin date: December 2013Posts: 19Downloads:0Uploads:6 Thanks: 8]

#193929

hi,

how to reduce the HUGE font size of any module Title published in the front page in JA MAGZ template.

and how to remove the ” . ” that adds automatically to the title ?

thanks

ar.shafaaq.com

---

Attachments:

1. 

[Css Magician Friend Css MagicianJoin date: October 2014Posts: 741Downloads:43Uploads:53 Thanks: 114 Thanked: 366 times in 263 posts]

#519220

@shafaaq,

Please open templates/ja_magz/css/custom.css file (just create such new file if it doesn’t exist yet) and add following CSS rule:


.tpl-inf-wrapper h1 {
font-size: 50px;
}

.tpl-inf-wrapper h1 span:before {
display: none; // remove the dot that adds automatically to the title
}


The 50px is value used on our demo, it is the title font size. You can adjust such declaration as you wish.

1 user says Thank You to Css Magician for this useful post

1. shafaaq

[shafaaq Friend shafaaqJoin date: December 2013Posts: 19Downloads:0Uploads:6 Thanks: 8]

#520331

sorry for late and thanks for your help!

honestly , i thought this will help, but after trying it still the same size with the “.” not removed !.
i already have a custom.css file for another purpose.

so the total code is:


html .pull-right.item-image {

margin: 0 10px 20px 40px !important;

}
tpl-inf-wrapper h1 {
font-size: 20px;
}

.tpl-inf-wrapper h1 span:before {
display: none; // remove the dot that adds automatically to the title
}


please check it one more time, notice that i use RTL direction.

thanks

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

#520390

Try This . . . . .

Within file path –> /templates/ja_magz/css/rtl/template.css
at line 6019, you should see the following:


.spl-home-2 .t3-module .module-title, .spl-home-3 .t3-module .module-title {
border: medium none;
color: #2A2A2A
font-family: 'novecento_wide_bookbold',sans-serif;
font-size: 50px;
font-weight: 700;
line-height: normal;
margin: 0 0 20px;
padding: 0;
text-transform: uppercase;
}

Try modifying the pixel value of the “font-size” property within this CSS rule.

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

Let us know if this solution works better for you.

3 users say Thank You to TomC for this useful post

1. 2capjob
2. shafaaq
3. lesbaert

[shafaaq Friend shafaaqJoin date: December 2013Posts: 19Downloads:0Uploads:6 Thanks: 8]

#520457

thanks TomC, this worked exactly ,
what about the dot ” . ” , how to remove it ?!

i wonder if we can put a rectangular colored background to the title of modules ?!

thanks alot

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

#520536

<em>@shafaaq 408471 wrote:</em><blockquote>
i wonder if we can put a rectangular colored background to the title of modules ?!

thanks alot</blockquote>

What color would you want the rectangular color background to be?

[shafaaq Friend shafaaqJoin date: December 2013Posts: 19Downloads:0Uploads:6 Thanks: 8]

#520777

any color for example “blue” …

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

#520981

Try This . . . .

Within file path –> /templates/ja_magz/css/rtl/template.css
at line 12061, add a “background” property to the CSS rule – for example . . .


.spl-home-2 .t3-module .module-title span, .spl-home-3 .t3-module .module-title span {
background: none repeat scroll 0 0 #333333
padding-left: 2px;
position: relative;
}

Obviously, the color code example I provided is likely not what you want, but you can insert any color hex code you want in place of the #333333 example. For reference info on color hex codes –> SEE HERE

2 users say Thank You to TomC for this useful post

1. 2capjob
2. shafaaq

[shafaaq Friend shafaaqJoin date: December 2013Posts: 19Downloads:0Uploads:6 Thanks: 8]

#521894

thanks tomC for your reply, but my template.css file is only ” 7671″ lines !!,

what is the section for this code?

Note: my template version is 1.0.2

[2capjob Friend 2capjobJoin date: October 2013Posts: 139Downloads:1Uploads:46 Thanks: 55 Thanked: 10 times in 1 posts]

#521938

hello. everything can be customized. and everything works.
look at us.

http://www.2capitales.com/

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

#521939

<em>@shafaaq 410319 wrote:</em><blockquote>thanks tomC for your reply, but my template.css file is only ” 7671″ lines !!,

what is the section for this code?

Note: my template version is 1.0.2</blockquote>

Were you looking in yoru rtl/template.css file?

[kcdesi Friend kcdesiJoin date: September 2007Posts: 62Downloads:9Uploads:5 Thanks: 11 Thanked: 3 times in 1 posts]

#550518

URGENT PLEASE.

http://www.kcdesi.com/k25/index.php

Please take a look – I still have a big sized module title. What can I do to fix that? I have modified css/template.css AND rtl/template.rss file – cleared cache and – still not fixed.

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

#550529

Try This . . . .

If you have not already done so, create a new file called “custom.css” within file path –>
/templates/ja_magz/css/

Within that custom.css file, paste the following CSS rule:


.spl-home-2 .t3-module .module-title, .spl-home-3 .t3-module .module-title {
font-size: 20px;
}

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

You can, of course, use whatever font-size pixel value you wish until you arrive at the result you’re most happy with.

1 user says Thank You to TomC for this useful post

1. kcdesi

[Author]

Posts