changing color and background color on page load

changing color and background color on page load was created by mmoltzan

Posted 11 years 10 months ago #4107
Hi, I really like your products!

I'm using CustomCSS from: www.hyde-design.co.uk/free-joomla-extensions/custom-cs To change the color and background color on a per page basis and I need some help finding out how to get CustomCSS to change the background color for maximenu items.

CustomCSS is working great for the my css .header , .navigationbar and .navigationbar1 class ids but I can’t fixgure out how overide the maximenuck and ul.maximenuck ids from the /themes/default/css/maximenuhck.php.

Thanks for your help!

Mark Moltzan
Last Edit:11 years 10 months ago by mmoltzan
Last edit: 11 years 10 months ago by mmoltzan.

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Re: changing color and background color on page load

Posted 11 years 10 months ago #4109
Hi
you can put the css as it is in the file /themes/default/css/maximenuhck.php but replace the <?php echo $id; ?> with the Id you give in the module options (example with myID : #myID ...)
Ced

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Replied by mmoltzan on topic Re: changing color and background color on page load

Posted 11 years 10 months ago #4145
Hi Ced,

I do not understand your reply.

My Maximenu CK module has an id of: 88 and site: of Maximen CK

Should I edit the maximenuhck.php file and change the

<?php echo $id; ?>

to

#88

for all the entries in the file?

ex:
/* container style */
div#<?php echo $id; ?> ul.maximenuck {
background : url(../images/fond_bg.png) top left repeat-x;
height : 20px; /* 34 */
padding : 0% 0% 0% 33%;
margin : 0;
overflow: visible !important;
display: block !important;
float: none !important;
visibility: visible !important;

to

/* container style */
div#88 ul.maximenuck {
background : url(../images/fond_bg.png) top left repeat-x;
height : 20px; /* 34 */
padding : 0% 0% 0% 33%;
margin : 0;
overflow: visible !important;
display: block !important;
float: none !important;
visibility: visible !important;
Last Edit:11 years 10 months ago by mmoltzan
Last edit: 11 years 10 months ago by mmoltzan.

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Re: changing color and background color on page load

Posted 11 years 10 months ago #4147
no, it is the ID you give in the module options :)
here it seems to be "maximenuck", so use this
Code:
div#maximenuck ul.maximenuck {

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Replied by mmoltzan on topic Re: changing color and background color on page load

Posted 11 years 10 months ago #4211
this is what worked for me:

div#maximenuck ul.maximenuck li div.floatck{background:#FFFFFF !important;}

Thanks!

Please Log in or Create an account to join the conversation.

Time to create page: 0.662 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 578 guests and no members online