QuattroSimple - New custom CMSMS Theme

[uniqu3]

Nice, you should check the positionioning of header background as it is positioned right viewing it on full screen but i think you wanted it in centered?
Also the glow suddenly stops somewhere in the middle maybe you need a higher image?

Thanks. I've been playing with the header background and I thought I had it fixed. The glow stops in the middle because it's supposed to be a wall terminating at the floor with a spotlight glow. Maybe I need to work on the effect a bit

Code: Select all

.pageTop {
background: #000 url(/uploads/theme/pageTopBG.gif) no-repeat center;
border-bottom: 1px solid #233a58;
}

Will do the trick

[14m3r]

@14m3r
In the template you can change the number where it says

Code: Select all

 {if $snews == "+"}
         {news summarytemplate="sidebarNews" number="9"}
         {/if}

Then you need to open functions.js in the /uploads/theme/ (i think) folder and edit the number on line 30 (i actually commented there so should be easy to find)

Code: Select all

 .splitUp(3,'<div/>')

Regarding sectionheader, could be that i overlooked some style in css depending on color selection so take a look in the stylesheet, most possibly some padding or margin is missing for .sectionheader class.

Thanks. I`ve made ​​some changes in this template and fix some little bugs in CSS. Now everything is fine!

[netfied]

hi how can we slide content blocks or a huge chunk of text along with the pictures?

[uniqu3]

As you are not really specific what exactly you mean with "huge chunk of text along pictures" my only answer can be take a look in functions.js and in stylesheet, edit these along with Gallery template "cycleTeaser" until you have the desired result

[DADOCTOR]

Hello,

I have just installed version 1.9.4.1

and I am trying to install Quattro

I have imported modules/plugins:
AdvancedContent

It says that Maximum CMSMS Version Supported = 1.8.3

What can I do. can I use Quattro if I am running version 1.9.4.1 ?

I love the theme, would love to use it

Thanks
Ryan

[netfied]

try installing AdvancedContent version 0.7.1 works for me.

[DADOCTOR]

Thanks netfied,

It did the trick.

I want to find where I can edit the email form the part in the middle of the main page where it has the button that opens contact us.

On the example it says "Get in touch with us!"

How can I add this and the boxes where the name and message are located are on the left hand side and I want it on the right side.

any Ideas?

[uniqu3]

After </__body> add following line:

Code: Select all

{capture assign="midtitleright"}{content block="midtitleright" oneline="true" label="Enter Title for sliding content area on the right" page_tab="Page Options"}{/capture}

Search in template for:

Code: Select all

<!-- start contentMiddle -->
    <div class="container_full contentMiddle"> 
      <div class="container_12 clearfix"> 
        <div class="grid_12"> 
          <a href="#" class="slideButton" title="Click to open">Read more</a> {if !empty($midtitle)}<h3>{$midtitle}</h3>{/if}  
          <div class="slidePanel clearfix">
           <div class="grid_6 alpha">{$midleft}</div>
           <div class="grid_6 omega">{if !empty($midright)}{$midright}{else}{FormBuilder form="pageForm"}{/if}</div>     
          </div> 
        </div>
      </div>
      <!-- end contentMiddle -->

Now change that part as following:

Code: Select all

<!-- start contentMiddle -->
    <div class="container_full contentMiddle"> 
      <div class="container_12 clearfix"> 
        <div class="grid_12 clearfix"> 
          <a href="#" class="slideButton" title="Click to open">Read more</a> {if !empty($midtitle)}<h3 class="grid_6 alpha">{$midtitle}</h3>{/if} 
{if !empty($midtitleright)}<h3 class="grid_6 omega">{$midtitleright}</h3>{/if}   
          <div class="slidePanel clearfix">
           <div class="grid_6 alpha">{$midleft}</div>
           <div class="grid_6 omega">{if !empty($midright)}{$midright}{else}{FormBuilder form="pageForm"}{/if}</div>
          </div> 
        </div>
      </div>
      <!-- end contentMiddle --> 

I didn't try it but with additional content block you would get another title field in Page options tab.
Now when you enter a title you should have one for left and one for right side.

If you want to display text and form on the right side you will have to change this (remove {else}):

Code: Select all

<div class="grid_6 omega">{if !empty($midright)}{$midright}<br />{FormBuilder form="pageForm"}{/if}</div>

[DADOCTOR]

Thanks uniqu3,

I have done that and it works,

One other question is about the news section that I have to install

I want the right news column to auto change like the header does,
Same as your demo. Does it change at the same time as the header does when it displays a new image?

Or is it totally independent,

Ok in your read me file it says

4. Now move on to News module in "Content -> News" and create Temapltes that are included in the package.
Name your News templates exactly as i named included files.

In "Summary Templates" tab create:
footerNews
sidebarNews
summaryPage

where do I I create these templates? when I open the "Content -> News"
There are a few tabs along the top

Summary templates
Detail templates
form templates
browse category templates
default templates

which one do I create them in?

and to create the templates do I title them with the ones that are quoted above and then copy the code from the respective files that I originally downloaded ?

Thanks

I have added these to the Summary templates and I also have a sample template(default one)
I have the sample template ticked as default.
I can only tick one as default? not sure that what I have done is correct.

If you want to look here it is
http://www.crimecasefiles.com/index.php

Great support thanks uniqu3,
I will donate due to your great support and for providing a top free CMS package.

Regards
Ryan

[uniqu3]

Hi,

ok i see you already have setup correct Summary news template for footer.
You are right the three templates listed above belong to Summary Template, named exaclty as i have written in readme file.

Set summaryPage template as your default, this will show news summary as on my demo page.

Sliding news are independent of header slider, if you activate news in the sidebar and have template set correctly "sidebarNews" news will scroll if there are more then 3, for every third article scroll is built with jQuery.
If you want to change the number of news you will have to edit functions.js file, i think there was an answer about this in some of my previous posts here.

For news detail template copy/paste and create newsDetail template in Detail Templates tab and set it as default.

If you want to donate we all would be happy about it http://www.cmsmadesimple.org/about-link/donations/

Thanks.

[DADOCTOR]

Hello,

I cant get the news detail working properly,
I cant get the print, return and date to display

and I want navigation to show in footer under sitemap but not in side bar, I have removed it from sidebar but cant get it in footer only?

I looked at the donation page, does it go to support Quattro theme or all cmsms ?

Thanks
Ryan

[uniqu3]

News:
Did you create new Detail News Template called "newsDetail" and set it as default?
On your site i see it's standard Sample template, so you need to change this in "News -> Detail Templates tab"

Navigation:
This is the footer part:

Code: Select all

    
<!-- start pageFooter -->
    <div class="container_full pageFooter">
     <div class="container_12 pageFooterInner clearfix">
      <div class="grid_4"><h4>About us</h4>{global_content name='footer'}</div>
      <div class="grid_4"><h4>Sitemap</h4>{menu template="footerNavigation"}</div>
      <div class="grid_4"><h4>Latest News</h4>{news summarytemplate="footerNews" number="6"}</div>
     </div>
      <!-- end pageFooter -->

So as you can see Sitemap is actually simple menu call, if you have {menu template="footerNavigation"} there and have created footerNavigation MenuManager template you should see Navigation there.

Donation pages goes to CMSMS as it is template that i did for CMSMS community

[uniqu3]

Yes, remove jQuery (first <__script__ type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/j ... "></__script> line) in Fancybox template.
Open QuattroSimple template and scroll to bottom where you will find:

Code: Select all

<__script__ type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></__script> 

Now copy/delete this line and place it after {cms_stylesheet} in <head>

[Dr.CSS]

floodgater, I would look to make sure jquery isn't called twice on that page that doesn't work...

[DADOCTOR]

Thanks uniqu3,

I have it working, but I want it to not display in the sidebar
just like your demo page