101 Reply by weib

  • weib
  • Member
  • Offline
  • Registered: 2010-06-18
  • Posts: 10

Re: [1.4.2] Tutorial: How do I change the color of...

I want it to be something like this

         | and not like this
         | xxxxxxxxxxxxxxxxxxxxxxx


currently Arras uses the vertical rectangle one.

Thumbs up

  • Registered: 2010-06-20
  • Posts: 2

Re: [1.4.2] Tutorial: How do I change the color of...

Awesome! That worked perfectly.

Thank you,

Greg

extatix wrote:

1. I think this works best:
.blog-description { width: 980px; text-align: center; }
2. Not when using the custom logo function in Arras. It repleaces the title.

Thumbs up

  • From: Netherlands
  • Registered: 2010-01-25
  • Posts: 4,159
  • User Karma: 313

Re: [1.4.2] Tutorial: How do I change the color of...

weib wrote:

currently Arras uses the vertical rectangle one.

I'm actually not sure how this works, need to look that one up.

My Arras themed & Arras related site: NullCore.
Please ask questions about Arras on forum, not through mail, thanks.

extatix's Website

Thumbs up

  • From: Netherlands
  • Registered: 2010-01-25
  • Posts: 4,159
  • User Karma: 313

Re: [1.4.2] Tutorial: How do I change the color of...

weib wrote:

I want it to be something like this

         | and not like this
         | xxxxxxxxxxxxxxxxxxxxxxx


currently Arras uses the vertical rectangle one.

Try this

blockquote { border: 1px solid #ccc; background: #fff; }

My Arras themed & Arras related site: NullCore.
Please ask questions about Arras on forum, not through mail, thanks.

extatix's Website

Thumbs up

105 Reply by weib

  • weib
  • Member
  • Offline
  • Registered: 2010-06-18
  • Posts: 10

Re: [1.4.2] Tutorial: How do I change the color of...

No joy. sad

Thumbs up

106 Reply by weib

  • weib
  • Member
  • Offline
  • Registered: 2010-06-18
  • Posts: 10

Re: [1.4.2] Tutorial: How do I change the color of...

oh wait it worked...

Thumbs up

  • Registered: 2010-06-03
  • Posts: 3

Re: [1.4.2] Tutorial: How do I change the color of...

Thanks Extatix,

That made it clear.

Thumbs up

  • Registered: 2010-06-22
  • Posts: 2

Re: [1.4.2] Tutorial: How do I change the color of...

I would like my main background to be transparent and a different color. When I use

" #main       {  /* for IE */ filter:alpha(opacity=60);/* CSS3 standard */ opacity:0.6;background-color:#C2DFFF; } "

the entire window, including photos, features and headlines also become transparent.

Thank you!

Thumbs up

  • From: Netherlands
  • Registered: 2010-01-25
  • Posts: 4,159
  • User Karma: 313

Re: [1.4.2] Tutorial: How do I change the color of...

Yes. That's because opacity workls for everything in that div id/class.

My Arras themed & Arras related site: NullCore.
Please ask questions about Arras on forum, not through mail, thanks.

extatix's Website

Thumbs up

  • Registered: 2010-06-17
  • Posts: 18

Re: [1.4.2] Tutorial: How do I change the color of...

extatix,

Again thank you for pointing me to this tutorial it was very informative and allowed me to accomplish some of my adjustments.    I made the adjustments to my blog (pharma-emrm-evangelist.com). But there are couple of things that I could find in this forum.

1st)  How do I get rid of the all caps in the title and description
2nd) How can I make the description font style italic?
3rd) How do I get the menu font color to change when I hover over it (code I created doesnt work)

Here is the code that I used in my blog.

.blog-name             { width: 980px; text-align: Left; font: 30px Arial; }
.blog-name a:link, .blog-name a:visited        { color: #ffffff; }
.blog-description                        { color: #ffffff; font: 16px Arial; }
.blog-description             { width: 980px; text-align: center; }
.sf-menu a                             { color: #ffffff; }
.sf-menu a:hover                     { font: #f3f3f3; }

Lastly, under what php file can I find the details for font sizes, colors, background colors etc?

Thanks for your help in advance!  John

Thumbs up

  • Registered: 2010-06-19
  • Posts: 90

Re: [1.4.2] Tutorial: How do I change the color of...

I'm still unsure what user.css does and how to use it.

Falcon63's Website

Thumbs up

112 Reply by cygo

  • cygo
  • Member
  • Offline
  • Registered: 2010-04-28
  • Posts: 14

Re: [1.4.2] Tutorial: How do I change the color of...

Hello guy, i have problem on using bottom widget.

I wanna change the colour of the bottom widget title(not the title text), but it seems that when i change the "widget title" the botom widget do not change,
http://laputaq.com/q.jpg

My homepage located at http://www.laputaq.com , i am using WP3.0 and Arras 1.4.3.1

how can i solve the problem, or has i missed any post in the forum, i have found several time but failed.

thank you for you kind attention

Thumbs up

113 Reply by EBYD

  • EBYD
  • Member
  • Offline
  • Registered: 2010-05-19
  • Posts: 5

Re: [1.4.2] Tutorial: How do I change the color of...

Hello again.  I have the same question i had last month regarding the top navigation bar menu of our website: www.ebyd.org.  After updating to Wordpress 3.0 and the Arras theme, the navigation bar no longer displays the different colors that used to be on the "Election 2010" and "Donate" tabs.  I've tried to put the code back but it doesnt seem to work.  It looks like things have changed a bit.  Here is the code i used in pre-wp3.0 user.css file (the item number has changed to current one).  Thoughts?

.sf-menu li.page-item-1386 a { color: #fff; }
.sf-menu li.page-item-1386 ul a { color: #fff !important; }
#nav li.page-item-1386 a { background-color: #153E7E; }
#nav li.page-item-1386 a:hover { background-color: #153E7E; }

.sf-menu li.page-item-1396 a { color: #fff; }
.sf-menu li.page-item-1396 ul a { color: #fff !important; }
#nav li.page-item-1396 a { background-color: #C11B17; }
#nav li.page-item-1396 a:hover { background-color: #C11B17; }

Thumbs up

  • From: Netherlands
  • Registered: 2010-01-25
  • Posts: 4,159
  • User Karma: 313

Re: [1.4.2] Tutorial: How do I change the color of...

cygo wrote:

I wanna change the colour of the bottom widget title(not the title text), but it seems that when i change the "widget title" the botom widget do not change, how can i solve the problem, or has i missed any post in the forum, i have found several time but failed.

#bottom-content-1 .widgettitle, #bottom-content-2 .widgettitle { background: #ff0000; }
My Arras themed & Arras related site: NullCore.
Please ask questions about Arras on forum, not through mail, thanks.

extatix's Website

Thumbs up

115 Reply by cygo

  • cygo
  • Member
  • Offline
  • Registered: 2010-04-28
  • Posts: 14

Re: [1.4.2] Tutorial: How do I change the color of...

Yeah, it works, thanks a lot

extatix wrote:
cygo wrote:

I wanna change the colour of the bottom widget title(not the title text), but it seems that when i change the "widget title" the botom widget do not change, how can i solve the problem, or has i missed any post in the forum, i have found several time but failed.

#bottom-content-1 .widgettitle, #bottom-content-2 .widgettitle { background: #ff0000; }

Thumbs up

  • Registered: 2010-06-22
  • Posts: 9

Re: [1.4.2] Tutorial: How do I change the color of...

Just for curiosity... Is there any chance to get rid of the "search" bar on the header?  smile

By the way, I cannot use my arras theme with 3 column layout cos the main column is not centered. Any idea of how can I be able to fix it?

Here´s an example of what´s happenin:  http://i911.photobucket.com/albums/ac31 … ntered.png

Last edited by babins (2010-06-27 11:44:56)

Post's attachments

not_centered.png 380.64 kb, file has never been downloaded. 

You don't have the permssions to download the attachments of this post.

Thumbs up

  • From: Netherlands
  • Registered: 2010-01-25
  • Posts: 4,159
  • User Karma: 313

Re: [1.4.2] Tutorial: How do I change the color of...

#searchbar { display: none; }

My Arras themed & Arras related site: NullCore.
Please ask questions about Arras on forum, not through mail, thanks.

extatix's Website

Thumbs up

118 Reply by EBYD

  • EBYD
  • Member
  • Offline
  • Registered: 2010-05-19
  • Posts: 5

Re: [1.4.2] Tutorial: How do I change the color of...

Just reposting the same question.  Would appreciate some help:

Hello again.  I have the same question i had last month regarding the top navigation bar menu of our website: www.ebyd.org.  After updating to Wordpress 3.0 and the Arras theme, the navigation bar no longer displays the different colors that used to be on the "Election 2010" and "Donate" tabs.  I've tried to put the code back but it doesnt seem to work.  It looks like things have changed a bit.  Here is the code i used in pre-wp3.0 user.css file (the item number has changed to current one).  Thoughts?

.sf-menu li.page-item-1386 a { color: #fff; }
.sf-menu li.page-item-1386 ul a { color: #fff !important; }
#nav li.page-item-1386 a { background-color: #153E7E; }
#nav li.page-item-1386 a:hover { background-color: #153E7E; }

.sf-menu li.page-item-1396 a { color: #fff; }
.sf-menu li.page-item-1396 ul a { color: #fff !important; }
#nav li.page-item-1396 a { background-color: #C11B17; }
#nav li.page-item-1396 a:hover { background-color: #C11B17; }

Thumbs up

  • Registered: 2010-06-28
  • Posts: 2

Re: [1.4.2] Tutorial: How do I change the color of...

Hi,

I can change footer color but my widget text color is not changing. I know how to change it but this way I change all widgets color. I need to change widget color just for footer. I tried to edit

#footer .widgetcontent    { font-size: 12px; background: #000000;color: #fff; padding: 0; border: none; }

but nothing changes. My footer is black and I need white text.

http://onthispage.com/

Thumbs up

  • From: Netherlands
  • Registered: 2010-01-25
  • Posts: 4,159
  • User Karma: 313

Re: [1.4.2] Tutorial: How do I change the color of...

They are links actually

#footer .widgetcontent a { color: #fff; }

@ EBYD start with

.sf-menu #menu-item-1386 a { color: #fff; }

Last edited by extatix (2010-06-30 14:41:35)

My Arras themed & Arras related site: NullCore.
Please ask questions about Arras on forum, not through mail, thanks.

extatix's Website

Thumbs up

  • Registered: 2010-06-20
  • Posts: 15

Re: [1.4.2] Tutorial: How do I change the color of...

Hi, I've been able to change the colours of almost everything just fine (my website is mostly white and the text is black), but when I search something there is still a grey box around each post's title...is there a way to change this?

Thumbs up

  • From: Netherlands
  • Registered: 2010-01-25
  • Posts: 4,159
  • User Karma: 313

Re: [1.4.2] Tutorial: How do I change the color of...

Can you give me an url?

My Arras themed & Arras related site: NullCore.
Please ask questions about Arras on forum, not through mail, thanks.

extatix's Website

Thumbs up

  • Registered: 2010-06-30
  • Posts: 33

Re: [1.4.2] Tutorial: How do I change the color of...

Why am I having such a hard time with this? I swear I'm not stupid.

I basically just want to change the background color of the header & main page. A friend had previously done it for me. I go to user.css and paste in the code this tutorial gave and tweak with the color I want, but nothing ever changes!

Somebody please help me sad Here's my site if this means anything - http://www.makeupbylacy.com

Thumbs up

  • From: Netherlands
  • Registered: 2010-01-25
  • Posts: 4,159
  • User Karma: 313

Re: [1.4.2] Tutorial: How do I change the color of...

You added
#header { background: ##7D053F; }
it should be
#header { background: #7D053F; }

My Arras themed & Arras related site: NullCore.
Please ask questions about Arras on forum, not through mail, thanks.

extatix's Website

Thumbs up +1

  • Registered: 2010-06-30
  • Posts: 33

Re: [1.4.2] Tutorial: How do I change the color of...

I changed it but it still isn't making a difference sad
Am I supposed to be tweaking that besides the color?

Last edited by lacywy (2010-06-30 16:57:12)

Thumbs up