Shape 5

Hi,

I'm new to this template and I'm looking for any documentation that provides the conflagration guide for this template?
I search under the forum and Shape5 knowledge base and didn't find anything like that?
Please let me know if there is any kind of documentation created by shape5 for each template and point me to it.

Thanks,
Emily

Hello,

The documentation for all our Templates are built directly into the Demo Sites. For example if you visit:

http://www.shape5.com/demo/corpway/

Then under the Menu Item for Tutorials you will see some setup instructions. If you wanted to see the module positions you can go under the Features Menu Item here:

http://www.shape5.com/demo/corpway/index.php/features-mainmenu-47/template-features/100-module-positions

Hi mikenicoll,

I did came across the demo site but I can find the info for some of the module I need to customize.
For example:

1. On the corpway demo homepage, there is a text box in "custom_2" within the rotator image module. Can you tell me how I can modify that module? I assume that's a custom HTML module but I can't find it?

2. Also, is it possible to change the banner so I can add some banner images in additional to the "logo"?

Thank you.
Emily

Hello,

1) The text you are referring to is part of the S5 Image and Content Fader module. You can add HTML inputs to each slide with a photo.

2) You can swap out the s5_logo.png file to change the logo but the header area is not designed for modules. You would need to use one of the Framework positions such as the top_row1_1 for modules.

Hi mikenicoll,

1. No. It's the box on the top left, not the S5 image module... I can't figure out which module that is because it's not on the document you forward me.

2. the s5_logo is too small. if I make a .png file that takes 50% of the banner. Where can I modify the banner width so it will display all the graphic?

Thanks.

Hello,

1) I have attached a screenshot of the Module Manager from the Site Shaper illustrating the default position and IDs of the module overlays so you can find them on your site.

2) The Header area has multiple elements including a logo, social icons, language flags and Login/Register links. The total width of all of these elements on the bar is 100% of the body width for the page. If you upload a larger logo that has a greater width you need to make sure that all of those elements can still fit on the same line at various screen resolutions. You cant increase the width of the header bar without increasing the full body width of the site.

You can however adjust the padding value of the header here:

Thanks that works!

Follow up on the custom HTML module on corpway's homepage (it's over on the upper left corner).
Is it possible to change the "background transparency" on that module so it will be similar to the transparency as the "subtitle" box in the S5 Image and Content Fader module?

Hello,

You can adjust the background here and add any opacity value such as 0.6 to the end values of the background coding.

Hi mikenicoll,

The 0.6 value didn't change anything or at least I can't tell any difference.
Are you sure pos_custom_2 is the right box?
Here is my site url: http://my279.district279.org/my279/
and I need the "Need to Know" box be transparent in the background, right now is solid white as you can see on the page.

Please help, thanks.

Hello,

There are 2 tiers to that module. The "background" tier and the inner module tier. Here is the default coding for the inner module.


#s5_pos_custom_2 .moduletable {
    background: none repeat scroll 0 0 #ffffff;
    color: #5e5d5d;
    font-size: 0.7em;
    line-height: 170%;
    margin-bottom: 10px;
    padding: 25px 20px 23px;
}

I wonder if I'm in the correct file? It seems to change the transparency but now when I try to adjust the value (0.5) it won't do anything at all? Is there something wrong with my site or browser? Thanks.

This is what I found:
/css/template.css
line 854

#s5_pos_custom_2 .moduletable {
background:#FFFFFF rgba(0, 0, 0, 0.5);
padding:20px;
padding-top:25px;
padding-bottom:23px;
margin-bottom:10px;
color:#5E5D5D;
font-size:0.7em;
line-height:170%;
}

That isn't valid CSS

background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);

sorry, my bad. so I made the correction but now the background box become "gray", still not transparent.
therefore I remove the code: color: #5E5D5D;
and I did clean cache but still looks gray in the background, anything else I missed?
See code below and here the url: http://my279.district279.org/my279/

Thanks.

#s5_pos_custom_2 .moduletable {
background:#FFFFFF;
background:none repeat scroll 0 0 rgba(0, 0, 0, 0.3); 
padding:20px;
padding-top:25px;
padding-bottom:23px;
margin-bottom:10px;
font-size:0.7em;
line-height:170%;
}

AND

#s5_pos_custom_2 {
position:absolute;
z-index:2;
top:0;
left:0;
margin-top:22px;
margin-left:22px;
width:240px;
background:#F1F0F0;
padding:10px;
padding-bottom:0px;
-webkit-box-shadow: 4px 4px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 4px 4px rgba(0, 0, 0, 0.15);
box-shadow: 4px 4px rgba(0, 0, 0, 0.15);
}

You have a solid background behind a transparent background.

I'm sorry after removing all the "background color" codes I don't see where else I have the gray color in the background?
unless is just showing through the images from the slide show??
What I'm really trying to archive is the white transparency text box in the s5 image slide show module so the text can easily be read on the white box. Can you please tell me where I can find the css code for that module? Thanks so much for your help!

#s5_pos_custom_2 .moduletable {
background:none repeat scroll 0 0 rgba(0, 0, 0, 0.3); 
padding:20px;
padding-top:25px;
padding-bottom:23px;
margin-bottom:10px;
font-size:0.7em;
line-height:170%;
}

AND

#s5_pos_custom_2 {
position:absolute;
z-index:2;
top:0;
left:0;
margin-top:22px;
margin-left:22px;
width:240px;
padding:10px;
padding-bottom:0px;
-webkit-box-shadow: 4px 4px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 4px 4px rgba(0, 0, 0, 0.15);
box-shadow: 4px 4px rgba(0, 0, 0, 0.15);
}

Hello,

You can also just use the background already in use for the IACF.

Perfect! That's exactly what I wanted. and I think adding the "!important" helps :) Thanks!

NP :)

One more thing - is it possible to move the "breadcrumb" to the top of the page right below the menu bar?
Currently is toward the bottom of the page and I don't see a module position I can assign to?

Please advise, thanks.

Hello,

Unfortunately there isn't a way to move the breadcrumb area as it is not a module position but hard coded in this area. We generally do breadcrumbs near the top of the site but this design didn't allow any room for that.