Canvas Support

change size of section

3 replies · opened Nov 4, 2016

IivanpossNov 4, 2016

in template: portfolio-alt

for <section id="page-title" I have changed the code to read :

<section id="page-title" style="background: url('graduates.jpg') center center no-repeat; background-size: cover; ">

I would like to show more of the picture than is currently showing so I need to change the height of section. How would I do that?

and also how would I change width?

Thanks.

IivanpossNov 5, 2016

so- I think I figured it out on my own.

I created a custom css file with this code:

#page-title {
height: 600px;
}

and linked it to the page-

works- so I guess that's correct

SSemicolon WebSTAFFNov 6, 2016

Hello,

The CSS Codes you have used it Definitely Correct. However, this code mightnot make the Page Title look optimally correct. Consider using padding instead. Example: 

#page-title { padding: 200px 0; }

Additionally, since you are using just a Single Line of Code, consider adding using Inline Styles directly inside the HTML Pages which will save you time and confusion in the Future when managing/modifying the Codes. Example: 


	...

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

IivanpossNov 6, 2016

Thanks I will give that a try

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard