Adjusting Banner Width on Multiview Webpages

From time to time you maybe asked to add a bespoke logo to the top banner section of our multi view websites.

In doing so you may also need to adjust the banner settings in the css file to make sure it fills the whole width.

The file you need is in in the css folder and can be found at:

/var/www/multiview/yourwebsite/web-resources/css

and is called streaming.css

In that file you need to look for the topbar-content section which looks like this:

{
height: 55px;
width: calc(100% – 150px);
padding: 23px 0 0 20px;
font-size: 21px;
color: rgb(255, 255, 255);
display: inline-block;
background-color: rgb(34, 34, 34);
}

The part you will need to change is in the width line and you will need to increase or decrease the px number to suit.

But if you use the existing CT logo (that can be found at /var/www/multiview/yourwebsite/web-resources/images and is called logo.png) as a template then you won’t need to adjust the number in streaming.css


Comments

Leave a Reply

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