A place for customers to chat about Realmac and its products - RapidWeaver, Clear and Ember!

How to control the color of text in various parts of a page?

jobiegermanojobiegermano Posts: 24Members
edited April 2012 in HTML, CSS, and Design Help
Hello, I'm not sure if this should be here or in questions, please just let me know if it needs moved.

I've run into a strange bump in the road. I've been building my page and as I've added different stacks, I've customized multiple colors of the text. However it seems that I have found four places on my site that do not have an option to set the text color on their own, but instead they take instruction from the style of the theme. I have attached a picture to illustrate, and I have pointed out the four places and made the theme colors vibrant so that you can see the issue. Basically, three of the four places are all controlled by a single setting in the style sheet and I would like the text to be a different color when it is on a different background or a different section of the site. Is there a style stack that I can use that holds stacks and will let me set the font color selectively? Does anyone know if @blueballdesign Font Styler stack will do this and can I use that with my current theme, @CRE4MY?

Any and all help is appreciated.

Regards,
Jobie.
I appreciate any and all critisim of my website (www.dcsteelernation.com) please check it out and let me know how I can improve it or just tell me what you like / don't like. Thank you!

Comments

  • jobiegermanojobiegermano Posts: 24Members
    edited April 2012
    Having trouble posting the picture, sorry.

    Try this: http://dcsteelernation.com/Cake/colorTextIssue.png
    I appreciate any and all critisim of my website (www.dcsteelernation.com) please check it out and let me know how I can improve it or just tell me what you like / don't like. Thank you!
  • seyDoggyseyDoggy Kitchener, Ontario, CanadaPosts: 1,080Developers
    Can't really help without a live URL. All link colors are controlled in theme and can be adjusted from the theme options pannel. Without seeing a live preview though, I can't tell you exactly what section to look in.
    Adam Merrifield - seydesign.com themes and stacks
  • jobiegermanojobiegermano Posts: 24Members
    Sure, you can view here:
    http://dcsteelernation.com/cake

    Although I have to go live with 'something' by Thursday, so if I get close to deadline I may have to change it back. Thanks Adam!

    All three places that the blue-ish green text show up are configurable from within the theme, but at different places in the page I want the text to be different colors. In the left-right scrolling rss feed it should be white. In the up-down rss scrolling feed it should be gold. I got rid of the map. It is just those two areas now.
    I appreciate any and all critisim of my website (www.dcsteelernation.com) please check it out and let me know how I can improve it or just tell me what you like / don't like. Thank you!
  • jobiegermanojobiegermano Posts: 24Members
    Anyone? Maybe another user of @CRE4MY ?
    I've actually narrowed it down to just the two places and I would actually like to remove the date completely from the top left to right scrolling rss feed. That is a @stacks4stacks stack by @WillWoodgate but it won't let me remove the date field.

    Thanks again!
    I appreciate any and all critisim of my website (www.dcsteelernation.com) please check it out and let me know how I can improve it or just tell me what you like / don't like. Thank you!
  • axeleraxeler Posts: 169Members
    Hi,

    for the top left to right scrolling rss feed (which seems to come from the rss stream stack from Joe Workman) try perhaps to put in the css panel inspector these 2 codes: #tickercontainer (font-color: white;) and #tickerdate (font-color: black;) to override the date's orange color with the same color of the container or try #tickerdate (font-color: none;)… Please note that the () in the 2 codes above are in reality arrows bracket.
    Sorry but for the FeedSliderstack I have no clue…I cannot find any information from the safari web inspector.
    best
    Alex

  • jobiegermanojobiegermano Posts: 24Members
    Thank you for trying @axeler but unfortunately I cannot get it to work. Here is what I tried:

    <img src="http://cdn.vanillaforums.com/realmacsoftware.vanillaforums.com/FileUpload/4d/5b4bd7a2189fc8deef751394863351.jpg" />
    CustomCSS.jpg
    541 x 139 - 15K
    I appreciate any and all critisim of my website (www.dcsteelernation.com) please check it out and let me know how I can improve it or just tell me what you like / don't like. Thank you!
  • axeleraxeler Posts: 169Members
    sorry the brackets aren't correct, try these ones {} … Bad English that's my fault!
  • jobiegermanojobiegermano Posts: 24Members
    edited April 2012
    I tried the new brackets and still didn't work. I basically decided to launch with the Gold color instead of the white. Turns out I missed a setting in the other stack I had on the page that let me change the color of it, so while not exactly what I wanted, certainly still very close and I'm happy.

    The reality is that I WANT to fix it because I'm the kind of person who hates not knowing why it didn't work, but you have already put enough time into my project so don't feel the need to waste time on me.

    @axeler THANK YOU! for trying anyway.

    If you want to see what went live, please check it out!

    www.dcsteelernation.com

    I plan on putting a request for critique out soon with documentation on everything I used (and a list of all those who helped to include you,) so I would love to hear your feedback on my site. We had a soft launch last Thursday, but I don't need to get the full launch complete until August, so I have time to play with it :)

    Thanks again and sorry we couldn't get it to work.
    I appreciate any and all critisim of my website (www.dcsteelernation.com) please check it out and let me know how I can improve it or just tell me what you like / don't like. Thank you!
  • Ed BrennerEd Brenner TexasPosts: 3,332Moderators
    I used my cssDiv stack, created a Div ID added Joe's stack to it, then a bit of custom CSS for the a:link and some for the a:hover and set the colors. Worked like a charm for me using the Theme.
    myRapidWeaver
    FreeStack Theme
    MacSupportCasts
    { old forum post count = 6128 }
  • jobiegermanojobiegermano Posts: 24Members
    Hi @Ed

    I own that stack, could you possibly explain this solution as if I were a 3 year old? I tend to grasp pretty complicated concepts, but I need them explained in depth the first time then I will ramp up. So as close to step by as you feel comfortable doing and I will give it the old college try. If you don't have the time, I understand, but thank you still for the direction!

    Regards,
    Jobie.
    I appreciate any and all critisim of my website (www.dcsteelernation.com) please check it out and let me know how I can improve it or just tell me what you like / don't like. Thank you!
  • Ed BrennerEd Brenner TexasPosts: 3,332Moderators
    Hi Jobie,

    I can do that.

    Drop my stack onto the page and enter the info you want in the HUD. I chose to use an 'Id' in my test. Keep in mind a Div Id can only be used once per page. Here's what I called mine - feedlinks.

    Then I dropped Joe's stack inside the cssDiv stack.

    In the Page Inspector > Header > CSS I put the following bits of styling...
    #feedlinks a:link {
    color: red;
    }
    
    #feedlinks a:hover {
    color: green;
    }
    

    Does that help?
    myRapidWeaver
    FreeStack Theme
    MacSupportCasts
    { old forum post count = 6128 }
  • axeleraxeler Posts: 169Members
    @jobiegermano

    I'm a bit like you, .i.e don't like to let things unsolved… BTW this is my last try
    …………..
    My code isn't working because all the words in your rss stream is indeed a hypertext link and you probably have to use a different code to change the style of a hypertext link please check this thread (http://forums.realmacsoftware.com/discussion/comment/216735#Comment_216735)... That might be the solution you are looking for.

    So try f.i. this: a:link {color: #FFFFFF; text-decoration: none;}... just to see if something is changing or not in your rss stream. But keep in mind that all the text in your page set as a link will be changed as well so that why it's important to place the #div name just before the a:link as suggested in the thread.
    Keep my finger crossed
    Btw your site looks promising even if I'm more fan of rugby and soccer than US football.
    cheers
    Alex

  • axeleraxeler Posts: 169Members
    Oh! the cssdiv stack!

    thanks Ed that's what I was missing up. Always keen to learn new tricks.
    best
    A
Sign In or Register to comment.