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;}
                                                                                          }

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

Leave a Comment

Your email address will not be published. Required fields are marked *

To Resolve this issue at just 5$ from ServerExpert

https://serverexpert.io/

For Hosting please visit Hostingwebsite.io

You have Successfully Subscribed!

Open chat