Jump to content


Photo
- - - - -

How to change the color of ftitle in feature slide?


This topic has been archived. This means that you cannot reply to this topic.
14 replies to this topic

#1 mike4zengmailcom

mike4zengmailcom

    Member

  • Members
  • PipPip
  • 13 posts

Posted 15 August 2010 - 05:12 AM

How do I change the text color of the ftitle in the feature slide? Im sure this is really simple... your help is greatly appreciated :)

#2 cmunns

cmunns

    Advocate

  • Members

  • 6537 posts

Posted 16 August 2010 - 05:18 PM

A link to the site would be helpful since I don't know the theme or version you're using.

#3 mike4zengmailcom

mike4zengmailcom

    Member

  • Members
  • PipPip
  • 13 posts

Posted 16 August 2010 - 08:55 PM

hey cmunns, I am on Pagelines 3. the site is: www.ecommerceinboundmarketing.com but I just installed the theme and have tons of redesigning to do before I remove the "under construction" page. Please let me know if it is critical for you to see the page, and I will remove the under construction page until i hear from ya. Thanks!! - mike

#4 mike4zengmailcom

mike4zengmailcom

    Member

  • Members
  • PipPip
  • 13 posts

Posted 16 August 2010 - 08:56 PM

sorry, StationPro3 is the one i am on. - mike

#5 bryan-hadaway

bryan-hadaway

    Advocate

  • Members
  • PipPipPipPipPip
  • 3697 posts

Posted 17 August 2010 - 01:54 AM

Add this to your Custom CSS:

`!important #featurearea .ftitle{color:#000}`

This should make the titles black, change 000 to whatever color code you wish:

Please Login or Register to see this Hidden Content



Thanks, Bryan

#6 mike4zengmailcom

mike4zengmailcom

    Member

  • Members
  • PipPip
  • 13 posts

Posted 19 August 2010 - 11:36 PM

Hey Bryan, Unfortunatly that did not work. I have that exact code, with the color changed to #2073D4 in the Custom CSS Section like you advised. I tried changing it to black like your original code, but it still stayed white after saving. Here is link to home page effected: www.ecommerceinboundmarketing.com Thanks, mike

#7 bryan-hadaway

bryan-hadaway

    Advocate

  • Members
  • PipPipPipPipPip
  • 3697 posts

Posted 20 August 2010 - 12:45 AM

Sorry, try this: `.ftitle{color:#000 !important}` Thanks, Bryan

#8 Sourena

Sourena

    Advocate

  • Members

  • 563 posts

Posted 24 August 2010 - 02:19 PM

Two more questions about the ftitle:

a. The "ftitle" is set to 55px. I can make it smaller by adding this to the "Custom Code" page:

Please Login or Register to see this Hidden Content


But I what I need is creating different styles for H1, H2, H3, etc so when I make the titles I can have options for different sizes. How can I do that?

b. When I link the title it gets "underlined". How can I get rid of underline?
I tried to do that by adding this to the ftitle style:

Please Login or Register to see this Hidden Content

But it did not work.

#9 cmunns

cmunns

    Advocate

  • Members

  • 6537 posts

Posted 24 August 2010 - 04:01 PM

the `text-decoration:none` works on the link element so it would be something like this instead `ftitle a {text-decoration:none;}` Also, if you want to setup different header styles just set them up like this ` .fcontent .ftitle h1 { } .fcontent .ftitle h2 { } etc, etc ` then you can use the various header tags inside of the ftitle area and it will take effect.

#10 Sourena

Sourena

    Advocate

  • Members

  • 563 posts

Posted 24 August 2010 - 06:32 PM

Neither this:

Please Login or Register to see this Hidden Content

nor this:

Please Login or Register to see this Hidden Content

work. But when I tried this:

Please Login or Register to see this Hidden Content

it changed the size. Still I have not been able to remove the text-decoration. I tried this:

Please Login or Register to see this Hidden Content

But it did not work.

#11 bryan-hadaway

bryan-hadaway

    Advocate

  • Members
  • PipPipPipPipPip
  • 3697 posts

Posted 25 August 2010 - 01:00 AM

Try this just to make sure: `.ftitle a{text-decoration:none !important}` Thanks, Bryan

#12 Sourena

Sourena

    Advocate

  • Members

  • 563 posts

Posted 25 August 2010 - 02:37 PM

It doesn't work. Please see the page here:

Please Login or Register to see this Hidden Content


It is the slide no. 1.

#13 cmunns

cmunns

    Advocate

  • Members

  • 6537 posts

Posted 25 August 2010 - 05:14 PM

That explains it! It's actually not an underline it's a border. So if you use this.... `.fcontent a {border-bottom:none;}` That should get rid of it. FYI I recommend using Firebug or another browser tool bar that will allow you to inspect html and css...it would be indispensable to you and troubleshooting this stuff :)

#14 Sourena

Sourena

    Advocate

  • Members

  • 563 posts

Posted 25 August 2010 - 06:33 PM

Thanks. That fixed it. But why does that border exist? For what purpose?

#15 bryan-hadaway

bryan-hadaway

    Advocate

  • Members
  • PipPipPipPipPip
  • 3697 posts

Posted 26 August 2010 - 04:43 AM

Just a style choice I imagine. Thanks, Bryan