17

In reply to: The RSS button doesn't work

#30374

Quote:

Thanks, really helped!

But, if to press the RSS button in the Internet Explorer browser that everything opens correctly and if Google Chrome that opens all in codes. How it to correct?

that’s really how it is in chrome

In reply to: Happy Birthday Josh!

#30410

Happy Birthday. You’re old video taught me about action hooks. 🙂

In reply to: navigation bar creating 2nd line

#30420

also add this on Custom CSS

.container_16 .grid_12 {

width: 75%;

}

In reply to: menu wrap

#30148

it’s difficult to work with gradient on IE. I think it would be better if you use an Image with a gradient as a background. that way the gradient would appear uniform on every browser.

#header-menu-wrap {

background: url("http://yoursite.com/image.png")

}

In reply to: menu wrap

#30146

use only this

#header-menu {

background: #1e5799; /* Old browsers */

background: -moz-linear-gradient(-45deg,  #1e5799 0%, #0b479d 47%, #2989d8 56%, #9cc1f7 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#1e5799), color-stop(47%,#0b479d), color-stop(56%,#2989d8), color-stop(100%,#9cc1f7)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(-45deg,  #1e5799 0%,#0b479d 47%,#2989d8 56%,#9cc1f7 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(-45deg,  #1e5799 0%,#0b479d 47%,#2989d8 56%,#9cc1f7 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(-45deg,  #1e5799 0%,#0b479d 47%,#2989d8 56%,#9cc1f7 100%); /* IE10+ */

background: linear-gradient(-45deg,  #1e5799 0%,#0b479d 47%,#2989d8 56%,#9cc1f7 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#9cc1f7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

you can remove the margin of the header-menu so it won’t break the gradient

#header-menu, #secondary-menu {

margin: 0px !important;

}

In reply to: menu wrap

#30144

hmm you’re right this part causes the trouble on IE.

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38d8d3', endColorstr='#0010a5',GradientType=1 );

In reply to: menu wrap

#30142

like josh said, maybe you can post here a link to your website.

In reply to: menu wrap

#30139

Quote:

The main part of the menu the gradient works fine but when you go to any drop down part it shows that part white.

you’re talking about the sub-menu. you can either add it like this

#header-menu ul li {

background: #1e5799; /* Old browsers */

background: -moz-linear-gradient(-45deg,  #1e5799 0%, #0b479d 47%, #2989d8 56%, #9cc1f7 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#1e5799), color-stop(47%,#0b479d), color-stop(56%,#2989d8), color-stop(100%,#9cc1f7)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(-45deg,  #1e5799 0%,#0b479d 47%,#2989d8 56%,#9cc1f7 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(-45deg,  #1e5799 0%,#0b479d 47%,#2989d8 56%,#9cc1f7 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(-45deg,  #1e5799 0%,#0b479d 47%,#2989d8 56%,#9cc1f7 100%); /* IE10+ */

background: linear-gradient(-45deg,  #1e5799 0%,#0b479d 47%,#2989d8 56%,#9cc1f7 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#9cc1f7',GradientType=1 ) !important;

}

or

.sub-menu {

background: #1e5799; /* Old browsers */

background: -moz-linear-gradient(-45deg,  #1e5799 0%, #0b479d 47%, #2989d8 56%, #9cc1f7 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#1e5799), color-stop(47%,#0b479d), color-stop(56%,#2989d8), color-stop(100%,#9cc1f7)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(-45deg,  #1e5799 0%,#0b479d 47%,#2989d8 56%,#9cc1f7 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(-45deg,  #1e5799 0%,#0b479d 47%,#2989d8 56%,#9cc1f7 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(-45deg,  #1e5799 0%,#0b479d 47%,#2989d8 56%,#9cc1f7 100%); /* IE10+ */

background: linear-gradient(-45deg,  #1e5799 0%,#0b479d 47%,#2989d8 56%,#9cc1f7 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#9cc1f7',GradientType=1 ) !important;

}

#header-menu ul li {

background: none !important;

}

In reply to: Change menu color

#30100

add this in Custom CSS

#header-menu-wrap {

background: #117711;

}

In reply to: menu wrap

#30126

you don’t have to split the menu-wrap.

try formulating the gradient you want here: http://www.colorzilla.com/gradient-editor/

here’s an example:

#header-menu-wrap {

background: #38d8d3;

background: -moz-linear-gradient(left,  #38d8d3 0%, #0010a5 100%);

background: -webkit-gradient(linear, left top, right top, color-stop(0%,#38d8d3), color-stop(100%,#0010a5));

background: -webkit-linear-gradient(left,  #38d8d3 0%,#0010a5 100%);

background: -o-linear-gradient(left,  #38d8d3 0%,#0010a5 100%);

background: -ms-linear-gradient(left,  #38d8d3 0%,#0010a5 100%);

background: linear-gradient(to right,  #38d8d3 0%,#0010a5 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38d8d3', endColorstr='#0010a5',GradientType=1 );

}