Removing border line under menu header

Asked by:
HubFans / n/a Points
Time:
2014-08-14 4:36 pm EST
Category:
Website Troubleshooting
Hits:
147
Hello,

My website is www.genjjx.com. I am trying to remove the red/white border that appears on each page under the menu title (ed. About, Services, etc.) Thank you.

To ask this user for more information, please first login.

To submit an answer, please login.

ANSWERS

0

ScottM
Staff
16,266 Points
2014-08-14 4:55 pm EST
Hello,

To remove the red and white line, you will want to alter the CSS file(s) involved. It appears that the red bar is located in the style.css file beginning at line 1198.

#intro.option1 #intro-core:after {
content: "";
position: absolute;
left: 0px;
bottom: 0px;
width: 25px;
border-bottom: 3px solid #F33F3F;
}


The last line "border-bottom: 3px solid #F33F3F; can be eliminated. This will remove the red portion.

The white line is located in file style.css and begins on line 1191.
#intro.option1 #intro-core:before {
content: "";
position: absolute;
bottom: 0px;
width: 100%;
border-bottom: 1px solid #EEE;
}


The last line "border-bottom: 1px solid #EEE;" can be eliminated to remove the white line.

This file is located in the main folder for your theme and can be edited with any text editor. Be sure to save a copy prior to making any changes in case an error is made.

Kindest Regards,
Scott M

To submit a comment on this answer, please first login.

Want to share this Question?

Related Articles

It looks like there are no related articles.
Would you like to ask a question about this page? If so, click the button below!
Need More Help?

Help Center Search

Current Customers

Email: support@WebHostingHub.com Ticket: Submit a Support Ticket
Call: 877-595-4HUB (4482)
757-416-6627 (Intl.)
Chat: Click To Chat Now

Ask the Community

Get help with your questions from our community of like-minded hosting users and Web Hosting Hub Staff.

Not a Customer?

Get web hosting from a company that is here to help.
}