Archived

This topic is now archived and is closed to further replies.

  • 0

menu colors

Question

Posted · Report post

frameworks version 3.5.1. 

 

I cannot find on the color setting how to change the background color that appears when you hoover over the submenu? In my case is a bright blue. See main page: http://tinyurl.com/ccobof5

 

Here, the color appears on a menu widget test page> http://tinyurl.com/d99ljtr

 

This is how I had it on the platform pro version, see the menu widget here which I liked I think it was done all thru color settings > http://tinyurl.com/cyh3e8f

 

Is there a default setting? dont know how this bright blue got there.

 

 

 

And lastly, unrealted to colors.....is there anyway to align(center) the text on menu widgets?

 

 

Thanks

 

 

 

 

Share this post


Link to post
Share on other sites

4 answers to this question

Posted · Report post

Hi,

 

Our previous product Platform Pro, had over 25 options just for the color scheme of your site. When developing PageLines Framework we took user feedback into consideration and the majority of users, felt that the amount of color options were far too confusing, overwhelming and left for a bloated product.

 

So in developing PageLines Framework, we simplified it, with color math. This means that with the few color options you have, the rest of your sites color's are created for you based on the color's you choose.

 

If you wish to get more specific color's such as hover effects etc., you will need to use custom CSS.

 

If you're new to CSS and not particularly comfortable with using tools such as Firebug or your browsers built-in web dev tools. I highly recommend you use Google Chromes web dev tool and check out this free online tutorial/course from Code School.

 

http://discover-devtools.codeschool.com/

 

The course is awesome, I've even completed it myself. It has a number of videos explaining the features of the web dev tool and then has a simple quiz at the end, so you learn at the same time. I understand you wish to have a number of options so you can do this without having to learn custom CSS. But if you learn just the basics, you can achieve a lot.

 

Give the course a go and if you still struggle with achieving your desired look, we can assist you further. But the course linked above, does go through the hover pseudo class.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi

You can try add in

PageLines > Site Options > Custom Code > CSS Rules

or in

Pagelines Customize (plugin)

Center

#navbar li a {text-align: center;}
Color
.dropdown-menu li a:hover,.dropdown-menu li a:focus,.dropdown-submenu:hover a,.dropdown-menu li.current-menu-item a{    background-color: rgb(242, 110, 14, 0.8);    background-image: -moz-linear-gradient(center top , rgb(242, 110, 14), rgb(242, 110, 14));    background-repeat: repeat-x;}
My exemplary code is not necessarily applicable as written, to your site, so please adjust accordingly.

It is advisable to learn how to do this on your own too.

Check out

http://support.pagel...ion/custom-css/

If you need more CSS help, make sure you've downloaded Firebug for Firefox

and check out W3 Schools for more info.

http://www.w3schools.com/

Also please be sure to watch our Firebug video tutorial here.

http://www.pagelines.com/wiki/Custom_CSS

Share this post


Link to post
Share on other sites

Posted · Report post

There we go again.....

 

I cant believe all that CSS is needed to change the blue color when hoovering on a submenu. And why does it have to be blue as default? Why isn't this built in on the color settings?

 

That's why a lot of people including myself miss Platform Pro. I didnt need to mess w/any of that. 

 

Why something so simple has to be so complicated. 

 

Sometimes I wonder whether Pagelines people believes everyone is a developer.  And your asking me to learn all this stuff?  

I have spent enough time like anyone else learning pagelines in itself. 

 

Again, where is the simplicity Pagelines???

:growl:

Share this post


Link to post
Share on other sites

Posted · Report post

Danny,

 

Will give it a try. We'll go from there.

 

Thanks

Share this post


Link to post
Share on other sites