Community Forums › Forums › Archived Forums › Design Tips and Tricks › Outreach theme, trouble with everything
Tagged: header, home widget area, outreach, responsive slider
- This topic has 16 replies, 4 voices, and was last updated 11 years, 11 months ago by SoZo.
-
AuthorPosts
-
January 23, 2013 at 3:29 pm #14145PaulMember
I bought the pro plus package today and now I am trying to use the Outreach theme, but so far it is not going well to say the least.
Header - I have a custom header to use, sized to fit the size called for (1060 ?— 120 pixels) but for some reason it hugs the left side of the header instead of being centered.
What I need to do is have that image centered and another gradient image be the background of the whole header. Is this possible with this theme, and if so, where do I begin?
Responsive slider - It seems from doing a search on these forums, many people have trouble with the same problem, the large ugly white space on the right. I have tried every suggestion that I have read so far, with no luck at all. I used the Regenerate Thumbnails plugin to regenerate thumbnails, I tried resizing the photos as one post suggested, I have deleted everything and started over twice, all to no avail.Is there something else that needs to be done, or is the a better slider that actually works for this theme?
I want to work on the Home Widget Areas, but not completely sure what to do because the "how to" page seems to have cut off that part right at the instructional part - http://my.studiopress.com/setup/outreach-theme/
How to Set up the Home Widget Areas
Just under the slider on the home page, there are 4 widget areas called Home #1 2 3 and 4. We used a Featured Page widget in each, set up as follows:Can anyone tell me what was supposed to follow?
Thank you for any help, I am really looking forward to figuring this out and being able to use the Outreach theme.
Grace and Peace,
Paul
Grace and Peace,
PaulJanuary 23, 2013 at 3:39 pm #14151AnitaCKeymasterNot sure why they haven't released an update because they fixed it in the demo. The demo thumbnails are even different because they don't have the nice border around them anymore. I asked about this and never received a response. But the demo is totally different than what's available to download.
The slider works fine, you don't need to change it. That white space is not the slider but the background area. Change the 100% to 98%.
.full-width-content #content, .full-width-content.outreach-landing #content {
width: 100%;Per instructions here - add this to the bottom of your style sheet:
#header {
background-position: center !important;
}
Need help with customization or troubleshooting? Reach out to me.
January 23, 2013 at 4:03 pm #14162PaulMemberThank you anitac. Thank fixed the header centering problem.
Unfortunately, changing the 100% to 98% did not seem to help the slider problem.
And still trying to figure out if it is possible to have a gradient background in the header behind the banner.
Grace and Peace,
PaulJanuary 23, 2013 at 5:00 pm #14181AnitaCKeymasterWhat is the URL of your website so I can take a look?
Need help with customization or troubleshooting? Reach out to me.
January 23, 2013 at 5:03 pm #14182PaulMemberJanuary 23, 2013 at 5:21 pm #14185AnitaCKeymasterThe default image size in the demo is 1,040px ?— 400px. You have your image set at a width of 920. That is why you have the extra space on the right.
Need help with customization or troubleshooting? Reach out to me.
January 25, 2013 at 2:47 am #14559PaulMemberI resized images to 1040 x 400, I changed the slider settings to 1040x400; now I still have the white space on the right, plus the slides are now being covered up by white space. (Interesting that yesterday the theme tutorial had slider settings at 920x400 and today it has them at 1040x400)
Is there any way to figure out if it is the theme or the plugin that is defective?
Grace and Peace,
PaulJanuary 25, 2013 at 8:14 am #14582SoZoMemberYour images are still 920x400. You need to install and run the Regenerate Thumbnails plugin any time you make image size changes.
IN order to do what you want with the header you'd need to add the gradient as the background of another element like body or #wrap or add a new div around #header to hook the image to.
John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography
January 25, 2013 at 8:16 am #14584AnitaCKeymasterI also have had to address this issue here and just posted a new comment about Outreach, the slider and other functions that aren't right - http://www.studiopress.community/topic/outreach-theme-updates/.
Need help with customization or troubleshooting? Reach out to me.
January 25, 2013 at 9:55 am #14601PaulMemberThank you SoZo and anitac! It looks like that fixed the slider issue. Now I am going to tackle the header.
What is the best way to wrap #header in a new div? I admit that using child themes is a bit new to me, but I think all the structure like that is in the parent, Genesis? So if I add the div there, anytime Genesis is updated, I'd have to go back in and change it again. Is there an easy way to do it within Outreach?
Thank you all for being so helpful and patient with an old coot like me!
Grace and Peace,
PaulJanuary 25, 2013 at 10:47 am #14620SoZoMemberYou could add it through a function added to the child theme's functions.php, e.g.
/** Add div to header */ add_action('genesis_before_header', 'open_tag'); function open_tag() { echo '<div class="header-wrapper">'; } add_action('genesis_after_header', 'close_tag'); function close_tag() { echo '</div>'; }
John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography
January 25, 2013 at 3:09 pm #14779PaulMemberThank you SoZo!
That worked great, but as usually happens, I finally got it to work and the church decided they wanted a different color scheme.
Grace and Peace,
PaulJanuary 25, 2013 at 3:25 pm #14794SoZoMemberI hate when that happens 😉
You're welcome
John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography
January 28, 2013 at 4:57 pm #15763crogacrossfitMemberWe're also having issues with our Outreach theme, namely the white box next to the header.
Quite honestly, I went to upload the demo xml file (with some existing content) and it just messed everything up. Can I just start fresh by deleting theme/content and upload the xml file?
I can go on and on about what's currently wrong with the site...
January 28, 2013 at 4:58 pm #15766SoZoMemberYes, of course, you can always delete everything and start from scratch
John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography
January 28, 2013 at 5:00 pm #15768crogacrossfitMemberWhat's the most efficient way of doing that?
January 28, 2013 at 5:05 pm #15775SoZoMemberThe quickest would be to wipe the DB
John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.