Forum Replies Created
-
Posts
-
Hi, Elliott,
My browser must’ve been caching when I originally made this thread because the Promobox is displaying properly now. The issue has evolved a bit.
1. First, I’ve assigned a custom class to the Promobox in the slider. The class is “slider-promobox1.” How do I note the CSS to begin styling the Promobox, such as changing the background color?
2. The Promobox is not resizing in mobile. Here is a screenshot of how the code is currently reacting on mobile:
The ultimate goal is to mimic the concise layout of Vertafore.com, where they have modifiable content boxes within their slider, and the content boxes optimize for mobile also. Desktop and mobile examples below:
Yigit,
You’re the man. Thank you so much!
This thread can officially be closed! :)
Best regards,
Joe
Yigit,
Perfect as always. Thank you!
I have more question, please. On the aforementioned Development site (link), the search icon turns white on hover due to the CSS of all links in the main nav. Can the a:hover be disabled for the Search button?
My guess is this is not applicable for the custom CSS classes. Using Chrome. I’ve tried using InspectElement but haven’t been able to find the right CSS property.
Thank you,
Joe
Hey, Yigit. You had helped me on another thread too. I have a question concerning that other thread, but its closed now.
Original thread: Float link further left
Using padding, the Login button has been positioned to the right in the main navigation. On the mobile site, however, the Login button is positioned underneath the mobile menu. Is there a way to resolve this?
Thank you,
Joe
Hi Yigit,
This is perfect, and the custom classes will be extremely beneficial too. Thank you so much.
– Joe
Hi there,
Sorry to piggy-back, but this thread addresses exactly what I was looking to do.
I followed the instructions above (adding script to end of Functions file and adding Quick CSS for button stylization). The button is present in the nav area now, but the link is not clickable. I’ve tried linking to Google as a testing URL. Please advise.
For your reference, even though the site is in VERY early stages: http://www.prospxd.com/dev2
Thanks in advance,
Joe
EDIT: Just kidding. I was missing the header-right CSS.
Yigit,
Thanks for the advice. Unfortunately, the code didn’t “take.”
What’s happening:
I’ve hidden the main navigation in the Header and will be relying on sidebar navigation for all of my pages. The page you’re is indicated by a background color in the sidebar – gray by default and green in the enclosed example. I am trying to apply the gradient here.
Please advise, if possible. This is more of a “want” than a “need,” so no hard feelings if it cannot be done.
Thank you,
Joe
Ishmael,
Thanks!
According to this link, the gradient CSS would look like this:
background: -webkit-linear-gradient(left, #93C144 , white); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #93C144 , white); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #93C144 , white); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, #93C144 , white); /* Standard syntax (must be last) */ }However, I’m not sure how to apply the CSS so it only effects the “Alternate Background color” of the Main Content.
Thank you,
Joe
I’ve made some progress, but the problem is evolving a little bit.
1) Hid the main navigation by entering the following into Quick CSS:
} .header_color .container .main_menu{ display: none;2) Found the CSS codes to modify header_meta.
3) Still seeking a few solutions on the side bar.
– How to left-align the sidebar text with an indent,
– How to extend the background color of active link from left to right (instead of right to left as it is now), and
– Is it possible to add a gradient to the Alternate Background Color for sidebar?Thank you in advance,
Joe
