pkelly94

this is my website: theup-turn.com

Awesome that got rid of the gradient! Still can’t get the font to be black.

#access {
        background: #ffffff;
        background: -webkit-linear-gradient(#ffffff, #ffffff)
	color: black;
        font-size: 13px;
        border-top: 2px solid #69c;
        border-bottom: 2px solid #69c;
        width: 1000px;
}
#access a {
	background: #f1f1f1
        color: black;
        font-size: 13px;
        margin-left: 5px;
}
#access li:hover > a, #access a:focus {
	background: white;
        text-decoration: underline;
        font-size: 15px;
        color: black;
}
#access .current_page_item > a, #access .current_page_ancestor > a {
	background: white;
        font-size: 15px;
        color: black;
        text-decoration: underline;
}

Seems like it should be an easy fix

I don’t want any gradients when I hover over the links. For some reason I can’t get it to be black text with a white background.

Afzaal,

I copied your code directly into the code and still nothing has changed. Before my theme just had a white background with no gradient so that the menu looked just like the text on any other part of the website. Could this have something to do with the new “menus” widget that is in wordpress?

-PK

Thanks! That fixed the floating sidebar problem! The only problem is now in the “Holla” section where we have links to our media pages the images fall into separate rows when the page is shrunk too much. It’s not a huge problem but if y’all have any recommendations for how to fix it that’d be great!

https://theup-turn.com/

-PK

I’m not very familiar with what media queries are

Thank you,

Do you know which line(s) of code I should adjust?

I have read through this forum and tried out a bunch of the solutions, however, I still am having trouble with resizing my page. Simply, when I shrink my page the widget/sidebar drops below the main content even though there is still room for it to the right of the content.

My blog is: https://theup-turn.com/

My CSS for the secondary is:

#secondary {
max-width:300px;
min-width:300px;
margin-right:36px;
float:right;
}

I can post more CSS if needed but if someone could help make the widget area stay at the right when the page is shrunk that’d be great!

-PK

ok thanks for all the help, my only issue now is that my previous and next links overlap with my comment box as if they were tied together like in this post:

https://theup-turn.com/2012/05/27/mp3-how-to-dress-well-ocean-floor-for-everything/

I’m also hoping to move the comment box, specifically where it says “Leave a Reply” because it is overlapping with my links to previous posts on the single page.

https://www.theup-turn.com

awesome, I made a child theme with the custom css file, should I also add the php files to the child theme since I adjusted them?

I’d love to adjust this as well, did you ever fix it?