The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How do i change this?

View previous topic View next topic Go down

How do i change this?

Post by sNIX on January 13th 2012, 7:41 am

I'm currently using a special Theme for my site, This one: http://en.hitskin.com/search-a-skin/pro-black-180827.htm

And so im wondering if i could change the colour bar's in the Portal Site, Check the image

Spoiler:

I probably need to change something in the CSS Style, Is that correct?

Thanks.


sNIX
New Member

Posts : 13
Reputation : 1
Language : English

Back to top Go down

Re: How do i change this?

Post by sNIX on January 13th 2012, 11:53 am

/bump

sNIX
New Member

Posts : 13
Reputation : 1
Language : English

Back to top Go down

Re: How do i change this?

Post by Guest on January 13th 2012, 12:44 pm

Add to CSS Stylesheet:
Code:
div.module div.h3{
color: #COLOR !important;
}
Replace #COLOR by a color code. Wink

Guest
Guest


Back to top Go down

Re: How do i change this?

Post by sNIX on January 13th 2012, 1:44 pm

Gassy wrote:Add to CSS Stylesheet:
Code:
div.module div.h3{
color: #COLOR !important;
}
Replace #COLOR by a color code. Wink

I didn't mean to change the text colour but the backround itself, of the widget titles. Very Happy

Sorry for bad explaination.


sNIX
New Member

Posts : 13
Reputation : 1
Language : English

Back to top Go down

Re: How do i change this?

Post by sNIX on January 13th 2012, 3:11 pm

/bumpy bump

sNIX
New Member

Posts : 13
Reputation : 1
Language : English

Back to top Go down

Re: How do i change this?

Post by midoweb96 on January 13th 2012, 3:18 pm

this http://i47.servimg.com/u/f47/17/07/42/77/fffvv10.png ?
try this css
Code:
  div.module div.h3{
      background: red;
        }

midoweb96
Forumember

Posts : 166
Reputation : 12
Language : Css - Html - Jquery

Back to top Go down

Re: How do i change this?

Post by sNIX on January 13th 2012, 3:53 pm

@midoweb96 wrote:this http://i47.servimg.com/u/f47/17/07/42/77/fffvv10.png ?
try this css
Code:
  div.module div.h3{
      background: red;
        }

Yeap, thats the idea, But the widget title bars at that picture wasnt actually directly my taste.

I kinda want the bars more rounder and moar shinny or something like that, Some other examples would be great aswell.

In the main post, if you see the theme that im currently using, well what exactly could fit the bars would be the logo backround, that would look so awesome, but dunno if thats possible tho.

Btw Thank you so mutch for helpin Very Happy


sNIX
New Member

Posts : 13
Reputation : 1
Language : English

Back to top Go down

Re: How do i change this?

Post by midoweb96 on January 13th 2012, 5:52 pm

http://i47.servimg.com/u/f47/17/07/42/77/tumn10.png


Code:

 div.module div.h3{
    background: url("http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/16/Actions-go-next-icon.png") no-repeat scroll left center #ccc;
    padding: 8px 8px 8px 20px;
    border-radius: 7px 7px 7px 7px;
    color:#FFF;
}
 div.module div.h3:hover{
    background: url("http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/16/Actions-go-next-icon.png") no-repeat scroll left center #FFC;
    color:#000;
}

midoweb96
Forumember

Posts : 166
Reputation : 12
Language : Css - Html - Jquery

Back to top Go down

Re: How do i change this?

Post by sNIX on January 14th 2012, 5:30 am

@midoweb96 wrote:http://i47.servimg.com/u/f47/17/07/42/77/tumn10.png


Code:

 div.module div.h3{
    background: url("http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/16/Actions-go-next-icon.png") no-repeat scroll left center #ccc;
    padding: 8px 8px 8px 20px;
    border-radius: 7px 7px 7px 7px;
    color:#FFF;
}
 div.module div.h3:hover{
    background: url("http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/16/Actions-go-next-icon.png") no-repeat scroll left center #FFC;
    color:#000;
}

Still quite not my taste :\

But thank you so mutch for helping me.


sNIX
New Member

Posts : 13
Reputation : 1
Language : English

Back to top Go down

Re: How do i change this?

Post by mmägi on January 14th 2012, 9:23 am

@midoweb96 wrote:http://i47.servimg.com/u/f47/17/07/42/77/tumn10.png


Code:

 div.module div.h3{
    background: url("http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/16/Actions-go-next-icon.png") no-repeat scroll left center #ccc;
    padding: 8px 8px 8px 20px;
    border-radius: 7px 7px 7px 7px;
    color:#FFF;
}
 div.module div.h3:hover{
    background: url("http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/16/Actions-go-next-icon.png") no-repeat scroll left center #FFC;
    color:#000;
}

how i put it i copy pasted to my CSS but nothing changed to i have to take at the picture thing the line off?

mmägi
Forumember

Male Posts : 402
Reputation : 3
Language : Estonia

http://royal.forumc.net/

Back to top Go down

Re: How do i change this?

Post by Guest on January 14th 2012, 9:37 am

Your forum version should be phpBB3, if you want that code works. Smile

Guest
Guest


Back to top Go down

Re: How do i change this?

Post by mmägi on January 14th 2012, 9:45 am

ok i got phpBB2

mmägi
Forumember

Male Posts : 402
Reputation : 3
Language : Estonia

http://royal.forumc.net/

Back to top Go down

Re: How do i change this?

Post by Guest on January 14th 2012, 9:51 am

Add this to CSS Stylesheet:
Code:
#right td.catLeft, #left td.catLeft{
background-color: #COLOR !important;
background-image: none !important;
border: #COLOR !important;
border-style: solid !important;
}
The border color should equal to background widget content color. If you want to be easy to do this, provide your forum url please. Wink

Guest
Guest


Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum