Forum Replies Created
-
AuthorPosts
-
jbculpParticipant
Dude, you are a life saver. I don't have much luck trying to style using more tags. Having an excerpt that can be customized is my idea of the way to go.
THANKS
jc
February 19, 2013 at 4:51 pm in reply to: Outreach: How do I add something next to the slider? #21492jbculpParticipantChris,
Thanks for replying. It's funny that you responded today. About an hour ago I was driving down the street had one of those head slapping moments... duh, it doesn't matter where the item goes in relation to the slider, I can use CSS to position it wherever I need.
Also, thanks for the offer to look at my site. Its still in test mode. I'll hold off a bit as I'm in big flux on how to style this and don't want to waste your time. In a few days I may beg for help but for now I'm OK.
Best Wishes
jbculpParticipantThere is a reply to this question in another theme
the guys photo's don't show what you really need as they are identical but I assume we put noline in the css field to prevent an extra line from inserting after the menu.
Hope this helps.
jbculpParticipantgpitcher,
Did you get this working? I did another post on this very topic (hadn't seen your post). I followed the tutorial by Nick the Geek but didn't get it working. All these tutorials show things in context of "before" and "after". Doing what you and I want is "beside" and perhaps within the same Div or perhaps not.
If you did get it working can you tell me how you did it?
jbculpParticipantOK Community... First time working with hooks.
Following these two tutorials:
Brian Gardners Tutorial - Kickstart Your Email List with a Featured Box
and
Nick the Geek's Tutorial - How to Add a Widgeted Area (aka Sidebar)
I've managed to get the basics of what I'm trying to do which is to ADD a widget beside the Outreach Slider but still within the Home Featured Area.
On the Outreach Theme, that slider is the only think within the Loop. It is preceded by the hooks "genesis_before_content_sidebar_wrap", "genesis_before_content" and "genesis_before_loop".
Once in the loop there is a div "home-featured widget-area". I ASSUME this is the area I want to put my code.
1. Do I need my code to be within the loop or do I put if following the hook "genesis_after_loop
2. I've created code to "register" my block in the functions.php as follows
genesis_register_sidebar( array(
'id' => 'home-quote',
'name' => __( 'Home Quote' ),
'description' => __( 'Quote Box after slider on home page.' ),
) );Now I'm looking at my home.php and don't know exactly where to put my code to call the function. I gave it a try and didn't break anything but then again I didn't see anything either.
Here is what I did.
In home.php
I entered this function just below the function called outreach_home_featured
function outreach_home_quote() {
echo '<div class="home-quote">';
dynamic_sidebar( 'home-quote' );
echo '</div>';}
Further up the page I added 'outreach_home_quote' to this action line like this:
add_action( 'genesis_loop', 'outreach_home_featured', 'home_quote' );
my logic here was that home_quote should follow directly on the heels of home_featured
3. Should home_quote be WITHIN the Div that holds the slider?
I'm not getting anything to display right now so any help would be appreciated.
john
jbculpParticipantFound it... duh.
I was looking in my style.css for a color that isn't there. Since I used a transparent layer on my logo (the frame is the size WordPress says to use for the header but the logo is naturally smaller - thus a transparent area) the background was coming from WordPress in the Background settings window. Not in the css. Live and learn.
jbculpParticipantA side note or word or confusion on my part. I was getting a color behind my header that I don't know where it's coming from . Thought it was from the #header section of my stylesheet but changing that doesn't change the color. The reason I mention this is that in playing around and trying to return things to original state, I got a section of my header that didn't want to return to the dark grid. This may have something to do with responsive sizing. I'll keep playing around with it but just wanted to let you know that I'm not comfortable that I'm 100% there either.
jbculpParticipantIf you own photoshop you are 90% there. I find it very helpful to get all the image sizes for the theme (given in the theme how-to section) and create a psd file for every image. So I have these so far:
outreach-featured-image.png
outreach-logo.png
outreach-slider.png
outreach-sidebar.png
I note in the how-to section they list Featred as 1040px by 400px. That's the slider image. I'm using Featured Image here as the featured image that is attached to a page and will be inserted in the widgets Home1, Home2, Home3, Home4. I have a static home page and those will link to pages not posts so the 215px x 140px images will be uploaded to those 4 pages as the pages "featured images". Of course when you use the Genesis Featured Page widget in those Home1 etc. widget areas, you need to pick that image size. It defaults to 150 x 150 or something like that so you'll want the longer images like on the demo site.
So anyway, you create these master psd's in Photoshop. Open your master images in photoshop and drag them onto the psd image. A new layer will be created on top. Zoom out if you need to size the images to best fit the area. Do Save For Web, pick your file format form the top and you are done. They are already sized to fit. In one PSD I'll have multiple layers (e.g. all the slider photo's). I put one on top of the other as a new layer and hide the lower layers (click on the eyeball beside the layer). That's that. You crank out new images sized to fit. Then for the life of your site, you can easily make images to fit your theme without having any re-sizing drama. (also... turnoff WordPress autosizing it will drive you batty.)
Good luck.
John
jbculpParticipantDiane,
Thanks. Sorry to be a dolt but I don't know how to search this forum by post number. Can you post the link to the article or give its title?
john
jbculpParticipantOk, this comes with a caveat that I'm not an expert. If one of the moderators sees that I'm giving bad advise I hope they will correct me.
I use Firebug in Firefox and with that I check to see what things names are but in this case it's not that hard.
The short of it is yes, use WordPress header to upload that 1060 x 120 and you are ready to rock. I use photoshop and create a new file (call it outreach-theme-header.psd) and it's 1060 x 120. I then gave it a transparent background and dragged my logo into that as a new layer. Saved for Web using a png format to retain the transparency. When I first did this I had the logo flush left to the new image and it was right against my monitor left. Instead of messing with the margins etc. I simply moved the logo layer to the right in my psd and got it where I wanted it. Deleted old versions from my media library and uploaded a new logo via WordPress Header interface.
Outreach uses a default image in the background called header.png That image has the dark hash pattern. I assume that by using WordPress there is a CSS statement over-riding the stylesheet settings to use header.png but I've not chased it down to validate that statement. In theory you could replace that image using FTP with a new image and you'd be done but I didn't mess with fate.
The menu items etc. to the right must have a z-value (think that's the name) that places them in front of the background image, that's why the wide header image doesn't smash everything to the right or make it wrap I suppose.
Of course when you use the WordPress header settings, don't forget to turn off show text or you'll have your wordpress site name layered over your new image - unless of course your desire is to have the image only be a pattern and you WANT the text.
Guess that's it. I just did all of this and it's working for me on my test site.
Good luck.
John
jbculpParticipantDiane,
I visited your site and am not sure if you did what you wanted. I'm about to mess with my outreach header and "may" have the answers to your questions. Do you still need a response?
jbculpParticipantThanks. I assume I will find a reference somewhere on how to create a functions.php that lives elsewhere in my file structure to support customizations. Otherwise I can always keep track of changes but that makes one weary.
I appreciate your help.
-
AuthorPosts