May 15, 2014 at 4:15 am #105267
How does one go about configuring a Genesis hook ? I love the hooks function but sometimes I need it to the left a little of lower etc. Also maybe style it a little different with background etc. I tried using firefox to single out the css but I cant seem to find it ?
Thanks 🙂May 15, 2014 at 6:40 am #105274
braddaltonParticipantMay 16, 2014 at 10:58 am #105508
Thanks , I read through some of the content but I am not sure yet how to do what I need to. Basically I used a hook to display a pic of my front page but I need that pic (hook) lower down. I assume I would need to add padding but I am not sure where.
The hook I used is genesis_sidebar HookMay 16, 2014 at 5:33 pm #105562
The genesis_sidebar hook is associated with your sidebar div, so that's where things will be positioned. If you want to position something in a different place, you probably need a different hook.
Can you post a link to your site and describe exactly what you're trying to do?May 17, 2014 at 7:39 am #105622
You will see on the front page I hooked in a pic , I want that pic to be lower by 150px. ie in the centre a little more. The alternative I was thinking about is to use the sidebar primary widget and add the padding in the css. The problem is them that it will be added to all the pages.May 17, 2014 at 8:10 am #105626
I think an easier way of doing what you want is to place your image in the sidebar itself using the Widgets screen. You can put the img tag into a text widget and style it from there or add a class to it. If you only want the image on the home screen then you can use a plugin like Widget Logic to specify which one(s).May 17, 2014 at 2:35 pm #105649
Yes I thought of that , my only small problem is that I used that sidebar elsewhere and I don't want the padding applied on the other pages sidebar areas as well. I am sure there is a simple way to isolate the home widget like a .home sidebar-primary widget but I cant find it yet , just need to look closer.May 18, 2014 at 9:48 am #105747
You can either add a class to the image and define it in your stylesheet, or style the image with a div in your text widget, something like:
<div style="padding-top:150px;"><img src="http://faga.co.za/wp-content/uploads/2014/05/FAGA-Sidebar.jpg" alt="home page image"></div>May 20, 2014 at 3:47 pm #106075
You must be logged in to reply to this topic.