Widget links and scrolling issue.

  • Unknown's avatar
    marcosbhd · Member ·

    Hi!

    I bought the CSS Customization Tool
    I have two issues I would like help addressing:

    1. The links in my widgets how can I change the colors so they are actually noticeable? (Purpose – Service/Social and at the bottom national website are links and they are the same color as the rest of the text)

    2. If you click under the social spotlight tab there’s a sub tab called brotherhood stories. If you click on it as you scroll down to see the rest of the posts the go through the navigation menu and it looks as if the nav bar goes transparent I don’t like this. Navigation bar is fixed. (I’m using the Triton Life theme)

    Any ideas or suggestions?
    My page is: marcosbhd.wordpress.com

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    marcosbhd · Member ·

    I appreciate any input thank you!

  • Unknown's avatar
    marcosbhd · Member ·

    Help please?

  • Unknown's avatar
    justpi · Member ·

    To change the color of the widget links, add this and replace 456789 with the hex for the color you prefer: 

    .textwidget a {
color: #456789 !important;
}

    Sorry, I don’t understand your second question.

  • Unknown's avatar
    marcosbhd · Member ·

    Thank you justpi,

    My second question regard the use of the follow buttons (Press this, facebook this, tweete this, etc) on the post I made on each of the tab pages on my nav menu.

    My menu bar is fixed as you can see. As I scroll down (to the the rest the page) only these follow buttons and in the sub page called brotherhood stories (under social spotlight) does the content overlap the nav menu is there a way to stop this?

  • Unknown's avatar
    marcosbhd · Member ·

    I tried posting a picture but didnt work

  • Unknown's avatar
    marcosbhd · Member ·

    [IMG]http://i39.tinypic.com/1zwzsk7.png[/IMG]
    <img src=”http://i39.tinypic.com/1zwzsk7.png” border=”0″ alt=”Image and video hosting by TinyPic”>

    Here’s the error picture :

  • Unknown's avatar
    justpi · Member ·

    Try adding this to #masthead:
    z-index: 111;

    PS To link to an image, you just paste its URL:

  • Unknown's avatar
    marcosbhd · Member ·

    I dont understand how but you solved it!

    Thank you! @justpi

    One more question: my header is defined as follows: 

    #header {
	background: transparent url('http://torch.cs.dal.ca/~bate/wallpaper/yourmove1600x1200.jpg') no-repeat scroll center;
	height: 600px;
	padding-top: 115px;
	position: relatively;
	overflow-x: hidden;
	box-shadow: inset 0 0 10px 1px #000000;
}

    the picture is the: chess pieces

    Is there a way that I can change the header picture either by predetermining other pictures similar to a slide show, randomizing it, or causing a hover effect (as in when people hover above it it shifts)?

    I hate that only once header is there all the time. Preferably with CSS I doubt I could get it to work with changing the theme settings on wordpress since this was a customization itself.

  • Unknown's avatar
    marcosbhd · Member ·

    Last one I promise ^

    I really do appreciate your help!

  • Unknown's avatar
    justpi · Member ·

    You’re welcome.

    Slideshow-like header image is possible if you create and insert an animated GIF.

    Random header image upon each page load is a standard feature of the theme, but it works with images uploaded and inserted in Appearance > Header (i.e. standard dimensions), not with images inserted via CSS.

    Different image upon hover is possible, but I don’t see the use of it.

    Different header image on each different page is also possible.

  • The topic ‘Widget links and scrolling issue.’ is closed to new replies.