Docs

[Andreas Bjerve]

Hi,

As my page has developed I´ve forgotten to mark my code and it´s a bit messy (but it´s not much). My button links are underlined, and purple when clicked. I don´t want them to be (I´m not even sure if I´ve modified them with css or not). But can you provide me the code to control this?

[Andreas Bjerve]

This reply has been marked as private.

[Christian]

Hey there,

Please remove all the CSS customizations then paste them back rule-set by rule-set. See http://www.w3schools.com/css/css_syntax.asp for details. You could also search for the button selector (.x-btn). One customizations for the button are removed, configure your button style in Appearance > Customize > Buttons

Thanks.

[Andreas Bjerve]

Thank you, I´ve tried this now but Im still struggling a bit. Could you please take a glance and tell me where the code makes all button-texts underlined and all links blue, and purple when clicked? Ideally, I´d like no underlines anywhere, and control over the link colors. (Sorry for being a stone-age coder)

Thanks!

.x-subscribe-form {
max-width: 800px !important;
min-width: 800px !important;
}

.x-subscribe-form fieldset {
display: inline;
}

.x-subscribe-form input[type=”submit”] {
margin-top: 0;
}

.x-subscribe-form fieldset {vertical-align: top;}
.x-subscribe-form input[type=”submit”] {height: 47px;}
.x-navbar .x-nav-wrap .x-nav > li > a {
font-size: 14px;
padding-top: 42px;
}

.x-colophon .widget {
text-shadow: none;
}
.x-colophon .h-widget {
color: #909090;
}
.x-colophon.bottom .x-social-global a {
color: #CDCDCD !important;
font-size: 19px;
}
.x-colophon.bottom .x-social-global a:hover {
color: #EEEEEE !important;
}
.x-colophon.bottom .x-nav li a {
color: #CDCDCD;
}
.x-colophon.bottom .x-nav li a:hover {
color: #EEEEEE;
}
.x-colophon.bottom .x-social-global {
margin: 30px 0 30px; /* You can adjust the 30px and 10px values each are for the top and bottom margin */
}
.x-colophon.bottom .x-nav li {
margin: 0 3em; /**Default is 0.05em**/
}
.x-colophon .x-nav li a {
font-size: 12px;
}
.x-navbar .desktop .x-nav > li > a, .x-navbar .x-brand, .x-navbar .x-navbar-inner {
-webkit-transition: height 2s, padding-top 2s;
transition: height 2s, padding-top 2s;
}
.x-navbar .desktop .x-nav > li > a, .x-navbar .x-brand, .x-navbar .x-brand img {
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.x-navbar.x-navbar-fixed-top .x-brand img {
font-size: 15px;
width: 150px;
}
li#menu-item-210 a {
color: #0B083B; /#3eb54a
}
li#menu-item-210 a:hover {
color: #827FB2;
box-shadow: inset 0 6px 0 0 #1D1959 !important;
}

li#menu-item-166 a {
color: #0B083B; /#f26987
}
li#menu-item-166 a:hover {
color: #827FB2;
}

li#menu-item-167 a {
color: #0B083B; /#6e5ba7
}
li#menu-item-167 a:hover {
color: #827FB2;
box-shadow: inset 0 6px 0 0 #1D1959 !Important;
}

li#menu-item-168 a {
color: #0B083B;
}
li#menu-item-168 a:hover {
color: #827FB2;
box-shadow: inset 0 6px 0 0 #1D1959 !important;
}

.x-navbar.x-navbar-fixed-top .desktop .x-nav > li > a {
height: 60px;
padding-top: 25px;
}
.x-navbar.x-navbar-fixed-top .x-navbar-inner {
min-height: 60px;
}

footer.x-colophon.top div#text-3 {
text-align: center !important;
}
.x-nav-wrap.desktop li a:hover {
box-shadow: inset 0 6px 0 0 #1D1959 !important;
}
.x-navbar.x-navbar-fixed-top .x-brand.img {
margin-top: 9px;
}

.x-navbar.x-navbar-fixed-top .x-nav-wrap .x-nav > li > a {
padding-top:38px;
}
.x-btn, .button, [type=”submit”] {
text-transform: none !important;
}
/*contact*/
.x-navbar .desktop .x-nav > .current-menu-item.menu-item-168 > a {box-shadow: inset 0 5px 0 0 #1D1959;}
/*blog*/
.x-navbar .desktop .x-nav > .current-menu-item.menu-item-167 > a {box-shadow: inset 0 5px 0 0 #1D1959;}
/*about*/
.x-navbar .desktop .x-nav > .current-menu-item.menu-item-166 > a {box-shadow: inset 0 5px 0 0 #1D1959;}
/*services*/
.x-navbar .desktop .x-nav > .current-menu-item.menu-item-210 > a {box-shadow: inset 0 5px 0 0 #1D1959;}
.x-map {
margin-bottom: 0;
}
.x-img {
margin-bottom: -1px;
}
.x-subscribe-form .x-alert {
background-color: rgba(225, 255, 101, 0.5);
color: #FFFFFF;
text-shadow: none;
}
.x-navbar {
background-color: rgba(255, 255, 255, ) !important;
}
a.manual-optin-trigger.x-btn.x-btn-blue-green.x-btn-flat.x-btn-rounded.x-btn-regular {
width: 36%;
font-size: 28px;
}

[Lely]

Hello Andreas,

Please add this also:

a{
    text-decoration: none;
}
a:visited {
    color: #000000;
}

Then from above CSS, look for this:

li#menu-item-210 a {
color: #0B083B; /#3eb54a
}

Update to this:

li#menu-item-210 a {
color: #0B083B; 
}

Hope this helps.

[Andreas Bjerve]

Thanks! Yet, my buttons still have underlined text. Any way to remove that?

[Friech]

Hi There,

Please add this on your custom CSS

a.x-btn {text-decoration: none !important;}

This will remove the underline on all of your buttons.

Thanks.

[Andreas Bjerve]

Great, thanks a lot! 🙂

[Jade]

You’re most welcome.

[Author]

Posts