Few gotchas related with CSS — need help

[Mitesh]

Mitesh

September 29, 2014 at 1:03 am

hi team,

I need your help with items:

1. How do we make the Top Bar Sticky?
2. A Blue bar (about 1/4th of the page width ) is showing on the bottom of all pages (example: when ShopBy in main menu is clicked: scroll to the bottom of the page before the footer) : how to get rid of it?
3. How to Auto-check Newsletter subscription on Checkout Page?
4. How do I change font size (looking for same size as rest of the items) of the title in the Footer for “Select Billing Country/Currency” and “Subscribe to or newsletter”? Below didn’t work:
Below doesn’t work:
/* Change font size of Currency Converter Widget in the Footer */
.widget_wc_aelia_currencyswitcher_widget .widget-title {
font-size: 12px;
}
5. How do I change the subscribe button in the Footer to be Gray and blue on hover (like other items in the footer)? Also, don’t need a border around the button. Don’t need the Mobile Phone # and email texts to be bold (same font as other items in the footer)
6. Is it possible to make the 2 buttons(INR/USD) in the top bar to be white in Color?
Below didn’t work:
/* Change the Currency Converter Button Color and Text */
.widget_wc_aelia_currencyswitcher_widget .currency_button.USD .currency_button.INR {
color: #fff;
}
7. How do I change font size of all titles in the footer? An example would be helpful.
8. The toughest one I believe, not sure if this is possible:
The INR rupee symbol and $ symbol in the topbar, I was wondering if it was possible to link them with a form submit (that could take the same action as the buttons in the left side of the topbar). I didn’t think so, but was exploring possible options.
9. Is it possible to include another bar just above Footer that I may use to place widgets into with different background (say dark gray) with white fonts? If yes, How can I introduce another horizontal section?
10. Is it possible to include another bar (that can be used to place widgets) just below the Top bar? (I’d like to include some special info./menu items in that would indicate free shipping, International shipping, and other similar advertisement options?) If yes, it would be helpful to know how to make that sticky.

I’d really appreciate your help with this.

Thanks,
Mitesh.