This topic has 6 replies, 2 voices, and was last updated 8 years by 
-
-
Hi there
I wanna change the appearance of menu, and I wrote the html and css already, but I don’t know where should I add them too. Can you help me?
The html file is attached.
Sincerely
Thanks
seems like the attachment didnt work.
Here is the code I wrote:COPY CODE<style> a, div, span{ font-family: "Microsoft YaHei", 微软雅黑, SimSun, 黑体; } select, input { vertical-align:middle; } .wrap { width:1000px; margin:0 auto; float:left;} .secondNav{border-top: 3px solid #0e8ef4; overflow: hidden; height: 78px; background-color: #F2F2F2; margin-bottom: 17px; float:left;} .secondNav_title{ width: 210px; float: left; overflow: hidden; margin: 0px 10px; display:block;} .secondNav_leftTitle{ width:80px; height:71px; padding: 20px 0px; float: left;} .secondNav_leftTitleCN{ width:70px; text-align:center; font-size: 20px; color:#0e8ef4;} .secondNav_leftTitleEN{ width:70px; text-align:center; font-size: 10px; color:#0e8ef4; text-decoration: none;} .secondNav_rightTitle{ width:130px; font-size: 16px; color:#0e8ef4; padding: 20px 0px; float: right; text-decoration: none;} .secondNav_rightContent a{ float: left; margin-left: 5px; color: #333; text-decoration: none; } .secondNav_rightContent a:hover{color: #0e8ef4;} html, body, ul, li, dl, dd, h2,img,span { margin:0; padding:0;display:block; } div { display: block; } </style> </head> <body> <div class="wrap secondNav"> <div class="secondNav_title"> <div class="secondNav_leftTitle"> <h2 class="secondNav_leftTitleCN"> <a class="secondNav_leftTitleCN" hreft="#">青少年</a> </h2> <h2 class="secondNav_leftTitleEN"> <a class="secondNav_leftTitleEN" href="#" target="_blank">Teenager</a> </h2> </div> <div class="secondNav_rightTitle"> <ul class="secondNav_rightContent"> <li><a href="#home">选校</a></li> <li><a href="#news">ESL</a></li> <li><a href="#contact">省考</a></li> <li><a href="#about">课业</a></li> </ul> </div> </div> <div class="secondNav_title"> <div class="secondNav_leftTitle"> <h2 class="secondNav_leftTitleCN"> <a class="secondNav_leftTitleCN" hreft="#">升学</a> </h2> <h2 class="secondNav_leftTitleEN"> <a class="secondNav_leftTitleEN" href="#" target="_blank">Undergraduate</a> </h2> </div> <div class="secondNav_rightTitle"> <ul class="secondNav_rightContent"> <li><a href="#home">选择大学</a></li> <li><a href="#news">私校</a></li> <li><a href="#news">升学</a></li> </ul> </div> </div> <div class="secondNav_title"> <div class="secondNav_leftTitle"> <h2 class="secondNav_leftTitleCN"> <a class="secondNav_leftTitleCN" hreft="#">英语</a> </h2> <h2 class="secondNav_leftTitleEN"> <a class="secondNav_leftTitleEN" href="#" target="_blank">English</a> </h2> </div> <div class="secondNav_rightTitle"> <ul class="secondNav_rightContent"> <li><a href="#home">托福</a></li> <li><a href="#news">雅思</a></li> <li><a href="#home">LPI</a></li> <li><a href="#news">SAT</a></li> <li><a href="#news">AP</a></li> <li><a href="#news">ESL</a></li> </ul> </div> </div> <div class="secondNav_title"> <div class="secondNav_leftTitle"> <h2 class="secondNav_leftTitleCN"> <a class="secondNav_leftTitleCN" hreft="#">兴趣</a> </h2> <h2 class="secondNav_leftTitleEN"> <a class="secondNav_leftTitleEN" href="#" target="_blank">Habit</a> </h2> </div> <div class="secondNav_rightTitle"> <ul class="secondNav_rightContent"> <li><a href="#home">舞蹈</a></li> <li><a href="#news">乐器</a></li> <li><a href="#home">机器人</a></li> <li><a href="#news">艺术</a></li> <li><a href="#news">游泳</a></li> <li><a href="#news">网球</a></li> </ul> </div> </div> </div> </body>Hi,
You will have to add that CSS in quick CSS area from wp-admin -> theme options -> general settings -> quick CSS
The css it’s between < style> < / style > tags of your provided snippet
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionThank you for your reply Radu
But my divisions are different from the theme setting, where should I add my divisions?Thanks
Take a look
You should be able to paste that in quick css area
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionSo are you referring to the html code ?
Those classes and elements should be integrated thru our theme, you will have strong knowledge about php+html+css to do this in our theme and also we don’t have any quick solution to this.
The responsible file for the header it’s located here : wp-content/themes/kleo/page-parts/general-header-section.php
1. Create a folder in your child theme called
page-parts2. Copy
general-header-section.phplocated in the main theme (this can be found at/wp-content/themes/kleo/page-parts/general-header-section.php) to your newly created folderIn this way you can add your desired content in the header of the theme.
Remember to always backup the original file locally before making any changes.
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
The forum ‘General questions’ is closed to new topics and replies.
