header and footer integration in WHMCS
cd /home/cloudhostweb/public_html/client/templates/six/css
vi wordpresscss.css
#Custom_mega_menu .custom_menu_box h3{margin:0;color:#222;font-size:16px;line-height:18px;font-weight:500}
.new_pagesmega_menu{font-size:10px;line-height:10px;color:#fff;padding:2px 5px;background-color:#009688;margin-left:10px;border-radius:4px}
.new_pagesmega_tpmenu{font-size:12px;line-height:12px;color:#fff;padding:2px 5px;background-color:#f7941d;margin-left:10px;border-radius:4px;right:-15px;top:4px}
.new_pagesmega_menu.hot{background-color:#ed1c24}
.new_pagesmega_menu.coming-soon{background-color:#1cc1ff!important}
.mega-menu-items ul li a{padding-left:15px;}
.mega-menu-items ul li{position:relative;list-style:none!important;}
.mega-menu-items ul li:before{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;background-color:#0c4bff;}
.mega-menu-items ul li a span:hover{color:#222!important;}
.mega-menu-items ul li:hover:before{background-color:#222;}
@media screen and (max-width:1024px){
#Custom_mega_menu{box-shadow:none;padding:0}
.elementor-section.elementor-section-stretched{width:100%!important;}
}
vi wordpresscss.css
#Custom_mega_menu .custom_menu_box h3{margin:0;color:#222;font-size:16px;line-height:18px;font-weight:500}
.new_pagesmega_menu{font-size:10px;line-height:10px;color:#fff;padding:2px 5px;background-color:#009688;margin-left:10px;border-radius:4px}
.new_pagesmega_tpmenu{font-size:12px;line-height:12px;color:#fff;padding:2px 5px;background-color:#f7941d;margin-left:10px;border-radius:4px;right:-15px;top:4px}
.new_pagesmega_menu.hot{background-color:#ed1c24}
.new_pagesmega_menu.coming-soon{background-color:#1cc1ff!important}
.mega-menu-items ul li a{padding-left:15px;}
.mega-menu-items ul li{position:relative;list-style:none!important;}
.mega-menu-items ul li:before{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;background-color:#0c4bff;}
.mega-menu-items ul li a span:hover{color:#222!important;}
.mega-menu-items ul li:hover:before{background-color:#222;}
@media screen and (max-width:1024px){
#Custom_mega_menu{box-shadow:none;padding:0}
.elementor-section.elementor-section-stretched{width:100%!important;}
}
wordpress.css has been made manually
data setting without curly braces {} and & ; in wordpress.css
-rw-r--r-- 1 root root 10692 Mar 13 14:02 header.tpl.backup
-rw-r--r-- 1 cloudhostweb cloudhostweb 39739 Mar 13 14:30 header1.tpl
-rw-r--r-- 1 cloudhostweb cloudhostweb 2068 Mar 13 14:32 footer1.tpl
-rw-r--r-- 1 cloudhostweb cloudhostweb 19764 Mar 13 16:14 footer.tpl
drwxr-xr-x 2 cloudhostweb cloudhostweb 4096 Mar 13 16:18 includes
-rw-r--r-- 1 cloudhostweb cloudhostweb 70299 Mar 13 16:41 header.tpl
drwxr-xr-x 2 cloudhostweb cloudhostweb 4096 Mar 13 19:49 css
/home/cloudhostweb/public_html/client/templates/six/includes
-rw-r--r-- 1 cloudhostweb cloudhostweb 2719 Mar 13 16:18 head.tpl
only changed this one
Comments
Post a Comment