top



I am trying to make the first letter of my widgets to be italicized and a bit bigger but I cannot find the right code... help me? Happy


Code:
.module-title {
        h1:first-letter, p:first-letter font-style: oblique;
      font-size: 5px
      color: #27b1cd !important;
}

Also, I was wondering how to make my forum borders round? I don't want to make another thread so I won't "spam" the whole forum. Razz

For the titles set the pseudo-class after the selector - like here: Wink

Code:
.module-title:first-letter {
font-style : italic;
font-size : 20px;
}

Which version do you use for your forum?

Okay. Thank-you! Now how do I make the borders round? o-o

Use border-radiuses Wink

Code:
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-khtml-border-radius: 5px;

Unknown Data wrote:Which version do you use for your forum?

Wink & Tongue

phpBB2 Razz

Edit: the code that you gave me does not work. (borders) :(

i dont think the border will work with that selector.i will try to find the correct one.

Try this code:

Code:
genmed.module-title {border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-khtml-border-radius: 5px;}

No luck yet. :(

The code is the same as your categories code.. do you have borders around ur categories header?

I believe not... So I put this code into the categories? The same place where I did the 4 in 1 forums?

Nope.. you need to change the modules header from the templates (:
i will tell u later when i have time Razz or someone find a way Happy

lol okay Smile

lol no one answered Razz
Well
go to
ACP - Display - Templates - Portal - and edit every module, one after one Razz.
Now look for this:

Code:
<td class="catLeft" height="25">
and replace it with:
Code:
<td class="catLeft" id="module-border" height="25">

Now go to your CSS and put this:
Code:
#module-border {
border: 1px solid #FFF;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-khtml-border-radius: 5px;}

lol. Okay I found a way to make my borders round. (By myself. Happy) And I actually made it everywhere. Razz I was wondering how I could have 2 borders to make it look like it has a shadow? Like... Stand out from the background? Razz

Code:
.forumline{
border: 1px solid #000;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;}

.bodyline{
border: 1px solid #000;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;}

Box-shadow:

Code:
box-shadow: 1px 1px 3px #fff;

Outline:
Code:
outline:1px solid #fff;
outline don't support border-radius..