How can i controll the page width?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You could download a Custom CSS/Style plugin
    E.g
    https://www.ads-software.com/extend/plugins/custom-css-manager-plugin/

    These plugins allow you to enter CSS through the Dashboard, save, and the code is automatically placed in the <head></head> section.

    firstly you have to need to remove the menu code from ur template which added by you.
    Copy this code where you have remove your code of the template:

    <div class="nav">
<ul>
<li><a href="">Home</a></li>
<li><a href="">News</a></li>
<li><a href="">Contact</a></li>
<li><a href="">About</a></li>
</ul>
 </div>

    And then add this <style> in the<head> of the template:

    <style>
        .nav{
            width:800px;
        }
        ul
        {
        list-style-type:none;
        margin:0;
        padding:0;
        overflow:hidden;
        }
        li
        {
        float:left;
        }
        a:link,a:visited
        {
        display:block;
        width:120px;
        font-weight:bold;
        color:#FFFFFF;
        background-color:#98bf21;
        text-align:center;
        padding:4px;
        text-decoration:none;
        text-transform:uppercase;
        }
        a:hover,a:active
        {
        background-color:#7A991A;
        }
    </style>
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How can i controll the page width?’ is closed to new replies.