Homepage › Community Forums › Ally Theme Support › Ally 1.3 – Genesis 2.0 Questions
Tagged: Ally 1.3 - Genesis 2.0
Hi everyone! A couple of questions about Ally 1.3 and Genesis 2.0. I had gotten Ally 1.0 looking perfect; can’t figure it out on Ally 1.3/Genesis 2.0.
http://ntrvolleyball.net This is the site
GOAL: Create a white background on all pages/posts; all pages/posts need a 10px left margin. Sidebars needs a 10px right margin.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
In Ally 1.0 – I created a white background for pages/sidebar by using this code:
body {
background: #fff;
}
On Ally 1.3, this has no effect. And,
1. If I set the content and sidebars to have a white background, there is still a ‘strip’ between the content and sidebar showing the actual background.
2. If the Wrap is set as #fff – the pages/sidebar look great. But the secondary nav is overlaid with #fff.
Also, cannot find a way to add 10px left margin for the entry content. Below, how I did it on Ally 1.0 – did the same for the sidebar right margin. The code below worked great on Ally 1.0. Does not work on Ally 1.3.
#content-sidebar-wrap {
background: #fff;
padding: 0 10px 0 10px;
float: left;
width: 750px;
}
Any ideas?
Thanks!
DK
Let’s handle each issue/question on separate threads since we have a One Question/Issue per thread rule – https://appfinite.com/topic/forum-rules/ (just to keep things organized and simple for everyone)
We’ll start with the first one here….Although I was unable to view your site since it appears you have it maintenance mode? Can you let me know once you have the site back up so I can take a look?
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
Hello Eric! I de-activated the countdown timer.
If we could work with the adding a white background to pages/posts – that would be very helpful.
Thanks!
D
You could just add the background manually in your css as white or #fff then have the background image you have now only show up on the homepage by adding this –
.home {
background: url("http://ntrvolleyball.net/wp-content/uploads/2013/08/NEWTILE.jpg");
}
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
lol I’m not sure why a smiley face is showing up in the code….but I was trying to add the link to your image as an example. I’m sure you get the idea
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
Hi Eric! I tried that in the beginning; it does work. However, the client wants the same background on all the pages (not just the front page).
In Ally version 1.0 – I had successfully altered the CSS so that all interior pages were #fff – without a break between the main content and the sidebar.
Don’t know why the upgrade to HTML5 is making this so difficult to accomplish now. There has to be a way to do this in the new format.
Putting a background on the front page only will not work for this project (and most others).
Please give guidance?
Thanks!
Never mind and thanks! Got it:
.entry {
margin-bottom: 00px;
margin-bottom: 1.5rem;
padding: 0 20px 20px 20px;
padding: 0 1rem 1rem 1rem;
}
The above Reply was for code for creating margins on interior pages with a background.
Here is the code for eliminating the gap between the content and sidebar on interior pages:
.content {
background: #fff;
float: right;
width: 780px;
}
So you got it working?
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
Sort of. There is the #fff background now.
But – the main content area – and the sidebar area – do not match heights.
http://ntrvolleyball.net/board-of-directors/
I have tried several code bits – nothing has worked.
Please – any ideas on getting the main content area and the sidebar area to match heights?
Thanks!
Thats because you’re using breadcrumbs which is on top of the content area.
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
Breadcrumbs = Genesis Theme Settings.
1. Breadcrumbs now disabled in Genesis Theme Settings.
2. No Change; content section does not match sidebar section.
Appfinite has such great themes! And until the HTML5 upgrade, setting solid colored backgrounds for pages/posts was not a problem.
So I strongly suspect this issue is connected to HTML5; just not familiar enough with HTML5 to fix it myself.
Any other ideas? Your input greatly appreciated!
D
The backgrounds are working fine, and the HTML5 doesn’t really have anything to do with it. If it’s not working it’s due to your custom css….and you’ve made a lot of customizations so we’d have to see which part is affecting what.
I just slightly resized my browser and now I’m confused as to what your site is supposed to actually look like. I took 3 screenshots to show what everything looks like on my end –
1. – http://i.imgur.com/pTSKUdQ.png
2. – http://i.imgur.com/PQloOgw.png
3. – http://i.imgur.com/bshUZ5P.jpg
Which one of these is it supposed to look like?
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
1. – http://i.imgur.com/pTSKUdQ.png
Just want white backgrounds on all pages/posts.
Before the upgrade to HTML5 – had successfully gotten all the page/post backgrounds set to #fff. I strongly suspect HTML5 may be a factor. But, it doesn’t matter.
Can you suggest a fix that will work for creating white backgrounds in all pages/posts?
Thanks very much!
It’s due to css not HTML5. HTML5 is just the markup, its your css that actually controls the design. To fix it you can try adding something like this in your style.css –
.page .wrap,
.post .wrap {
background: #fff !important;
}
and that will make the wrap background white on pages and posts.
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com