Joomla Templates Club 406,261 posts

[enzo10 Friend enzo10Join date: November 2015Posts: 11Downloads:310Uploads:0]

#974543

Hello,

I would like to use your nice template JA Wall for a website, and I think to do this in classic style. Is it possible to enlarge the width of the left sidebar and change its font size and formatting? Moreover, is it possible to change the font size of the main top menu?

Thank you and best regards,

Enzo

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#974929

Hi,

All of your above questions require customization for this template.
You need to be careful to do that (take backup of site before apply changes )

• Change width left sidebar Open templates/ja_wall/css/layout.css file find and change

body.has-sidebar #container .container-main {
    padding-left: 120px;
}
#sidebar {
    margin-left: -120px;
    position: fixed;
    top: 70px;
    width: 120px;
}

to

body.has-sidebar #container .container-main {
    padding-left: 150px;
}
#sidebar {
    margin-left: -150px;
    position: fixed;
    top: 70px;
    width: 150px;
}

• Change font-size and font left sidebar Open templates/ja_wall/css/template.css file

  #sidebar .menu li a {
  border-radius: 3px;
  color: #999;
  display: inline-block;
  line-height: normal;
  max-width: 100px;
  overflow: hidden;
  padding: 2px 5px;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  }
  #sidebar {
  color: #999;
  font-size: 92%;
  text-align: right;
  text-shadow: 0 1px 0 #FFF;
  }

• Change format font top menu bar

Open templates/ja_wall/themes/classic/css/theme.css file

#mainnav .menu > li > a {
  border-bottom: 5px solid transparent;
  color: #ccc;
  text-shadow: none;
  transition: border-color 0.2s ease 0s;
  text-transform: uppercase;
  letter-spacing: 1px;
}

Hope it helps .

Regards

[Author]

Posts