[highlandadventuresParticipant]

Hi,,i am using Contact 7 for my contact form (bottom of page). Why is my form showing the form items in orange and also to the right the phone number are hyperlinking…site: http://www.kb.machupicchu.com ..it might be something on my CSS.

Here is a copy of all my CSSs:

/* HEADERS */h1,
.h1 {
font-weight: 700;
}
h2,
.h2 {
font-weight: 300;
margin-top: 10px;
word-spacing: 3px;
}

/* removed margin for h2 in tour paget */
#x-section-8 .x-text h2 {
margin-top: 0;
}
h3,
.h3 {
font-size: 35px;
margin-top: 10px;
margin-bottom: 10px;
word-spacing: 5px;
}
h4,
.h4 {
font-size: 28px;
margin-top: 15px;
}
h5,
.h5 {
font-size: 20px;
margin-top: 15px;
margin-bottom: 10px;
font-weight: 400;
}
h6,
.h6 {
font-size: 20px;
color: #ff6600;
margin-bottom: 0px;
}
p,
.p {

}

/* BLOCKQUOTE */

.x-blockquote {
font-size: 18px;
color: #555;
font-weight: 300;
line-height: 30px;
}
.x-cite {
font-size: 18px;
color: #555;
font-weight: 400;
}
.x-blockquote {
border-bottom: none;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 15px;
padding-right: 15px;
background-color: #fffdfa;
}

/* CLASSES */

.description p {
font-size: 22px !important;
line-height: 32px !important;
padding: 0px 30px 0px 30px !important;
letter-spacing: 0.5px;
text-align: center;
}
.descriptionsection {
background: white !important;
padding: 45px 0px 0px 0px !important;
}

.titledaysprice p {
color: #ffffff;
font-size: 30px;
font-weight: 700;
}
.titlebanner p {
color: #ffffff;
font-size: 72px;
font-weight: 700;
}
.sidebannercolumn {
background: white !important;
padding: 20px 0px 0px 0px !important;
}
.myclass p {
color: red;
background: grey;
}

/* FOOTER */

.x-colophon.bottom {
background: #555;
color: #ffffff;
}
.x-colophon.top {
background: grey;
text-align: left;
color: #ffffff;
font-size: 14px;
}

/* HYPERLINKS */

.widget ul li a, .widget ol li a, .x-comment-time {
border-bottom: none !important;
}

/* LOGO POSITION */

.x-navbar .x-brand {
margin-top: 15px;
margin-bottom: 15px;
}

/*manage side bar widget title */

.h-widget {
text-align: left;
}
.textwidget {
}

/* MOBILE MENU */

@media (max-width: 979px) {

.x-btn-navbar.collapsed:hover {
color:#FF6600;
}

.x-btn-navbar.collapsed {
color:#0084a8;
}

.x-btn-navbar.collapsed,
.x-btn-navbar.collapsed:hover {
background-color:transparent;
box-shadow:none;
}
}

/* NAVBAR */

.x-navbar {
box-shadow: none;
}
.x-navbar .desktop .x-nav > li ul {
top: 82px;
}
.desktop .x-nav .x-megamenu>.sub-menu>li>a:hover {
color: #ff6600;
}
.x-navbar .desktop .x-nav > li > a {
color: #555;
}
.x-navbar .desktop .x-nav > li > a:hover {
color: #ff6600;
box-shadow: none;
}

/* SIDEBAR */

.widget ul, .widget ol, .widget ul li, .widget ol li, .widget_nav_menu ul li a, .widget_meta ul li a, .widget_pages ul li a {
border: medium none;
box-shadow: none;
}
div#sticky-posts-8 ul li {
padding-bottom: 0;
}

/* WIDGET RECENT POSTS */

.widget.widget_recent_entries li a {
font-size: 120%;
font-weight: 300;
}
.x-widget-area .widget_recent_entries ul li {
padding-top: 5px;
padding-bottom: 5px;
}

/* WIDGET ULTIMATE POST */

.post-meta-days {
font-size: 14px;
margin-bottom: 0px;
}
.post-title {
font-size: 20px;
margin-bottom: 0px !important;
}
.widget_ultimate_posts ul li {
line-height: 22px;
padding-top: 9px;
}

[RupokMember]

Hi there,

Thanks for writing in! I can see you have added anchor tag so it’s pretty expected that you will get the style of anchor – http://prntscr.com/amnkkd

It seems you are trying to link it within page. name attributes is obsolete and you should use ID instead on the element. So let’s remove the anchor tag and place ID to other element if you want to link this section.

Hope this makes sense.

[highlandadventuresParticipant]

thanks…your advice help..i change all “name” to “id”…however the problem was that i did not close the tab…now i did…thanks..c

[JadeModerator]

Glad to hear you got it sorted. Cheers! 🙂

[Author]

Posts