Theme Clean Canvas body align and width change?

slart

Joined: 2013-11-11
Posts: 112
Posted: Fri, 2014-07-25 12:11

Hello, I have the theme Clean Canvas and want to align it to the left side. The corresponding entry in the css I can not find it and it's center.
The entry in the css for the width of the themes I can not find it.
The theme Clean Canvas has no single screen.css. It has 4 different screen_xxx.css.

 
tempg

Joined: 2005-12-17
Posts: 1857
Posted: Fri, 2014-07-25 22:53

Link to site?

 
tempg

Joined: 2005-12-17
Posts: 1857
Posted: Sat, 2014-07-26 12:32

Received your pm with the link to your site.

I'm not 100% about the order that the css files are loaded before combining; try adding #doc4 {margin-left: 0} to the bottom of "screen_layout_fixed.css" (in the css folder). If that doesn't work, try adding it to the bottom of "screen_layout_base.css" instead.

 
slart

Joined: 2013-11-11
Posts: 112
Posted: Sat, 2014-07-26 17:40

Thanks tempg. it's actually perfect.

it's in the themes/clean_cnvas_css/screen_layout_fixed.css (when "fixed" theme layout) on the bottom and better is margin-left: 10px for the shadow.

Quote:
#doc4
{
margin-left: 10px;
margin-top: 7px;
margin-bottom: 7px;
width: 880px !important;
}

 
tempg

Joined: 2005-12-17
Posts: 1857
Posted: Sat, 2014-07-26 22:59

Glad it's working for you.

FWIW: In this case, it's a coincidence that the #doc4 section was already at the bottom of the css file. Even if it hadn't been there, you could still have added #doc4 {margin-left: 10px} to the bottom of the file and it would've overridden whatever the left margin was defined as elsewhere in the file.

Thanks for reporting back!

 
slart

Joined: 2013-11-11
Posts: 112
Posted: Sun, 2014-07-27 08:09

Hm, OK, then it's probably somewhere already indicated in percent. But I did not know where.

 
tempg

Joined: 2005-12-17
Posts: 1857
Posted: Sun, 2014-07-27 11:15

No, not a percentage; I think that the left and right margins were set to "auto," which means center.

Anyway, glad it's working for you!

 
slart

Joined: 2013-11-11
Posts: 112
Posted: Sun, 2014-07-27 15:40

OK, so I did not know much about it.

Are you an idea how I can insert beside the Gallery Box an element? So right beside the Gallery Sidebar.
I was here before similarly asked: http://galleryproject.org/node/112609

 
tempg

Joined: 2005-12-17
Posts: 1857
Posted: Sun, 2014-07-27 16:55

This should probably be in a different thread since it's a new topic, but:
You should be able to add a new div just before the closing body tag in the page.html.php file.
You'll need to float the #doc4 div and the new div that you add; you'll also need to be aware of the div widths to make sure that they both can fit on the screen size you're optimizing for (otherwise, the new div will be pushed under the #doc4 div.

 
slart

Joined: 2013-11-11
Posts: 112
Posted: Wed, 2014-07-30 11:48

I have found a solution. Make a div for the complete browsersite with 99%, make a new div for the content about the gallery and put in you content.
The Gallery will be never in the middle/center of the browser window, it's yet on the left side, and on the right side is place for content.
The content will always be as far right as possible, and his first outside of the browser window when it is too narrow.

It's testet and working for Gallery3 Themes Clean Canvas fixed width, and 3 thumbnails side by side.
You can customize it with the value min-width:1320px;.
(my solution is additional customize for 728px width advertising banner in the gallery main window.)

Tutorial:

edit: themes/clean_canvas/css/screen_layout_base.css

New entry (on the bottom):

Quote:
#website{
width:99%;
min-width:1320px;
float:left;
}

#rightsite{
float:right;
margin:5px 0px 0px 0px;
}

edit: themes/clean_canvas/css/screen_layout_fixed.css
insert on the bottom float:left

Quote:
#doc4
{
margin-left: 10px;
margin-top: 7px;
margin-bottom: 7px;
width: 910px !important;
float: left;
}

edit: themes/clean_canvas/views/page.html.php
insert after: <body <?= $theme->body_attributes() ?>>

Quote:
<div id="website">

and befor: <?= $theme->page_top() ?>

insert after: <?= $theme->page_bottom() ?>

Quote:
<div id="rightsite">

HERE PUT IN YOU CONTENT

</div>

</div>

and before: </body>

Thats it!
I hope I have not introduced any errors.

 
tempg

Joined: 2005-12-17
Posts: 1857
Posted: Wed, 2014-07-30 13:14

Kudos!