Forum Replies Created
-
AuthorPosts
-
Ben SiegfriedMember
Here you go, this should help you get started.
#text-25 { background-color: #222; color: #fff; text-align: center; height: 100px; padding: 30px; }
And to remove the black line above that text widget add this:
.site-header .wrap { border-bottom: 0px; padding: 30px 0; padding: 3rem 0; }
Ben SiegfriedMemberOops, sorry, the link I provided is the wrong one.
Here's the correct one: http://www.thekennedybook.com/dev/Ben SiegfriedMemberI figured it out using Greensock.
Ben SiegfriedMemberWhat do mean reduce the space? Do you want to reduce the height, the width of the "space?"
Which background image?
Ben SiegfriedMemberDo you have the URL to the blog you want to do this with?
Ben SiegfriedMemberAlright, thanks!
Ben SiegfriedMemberYes, here's where I got the jQuery from, the red text that pops in at the top of the page. I have modified it a bit for what I'm trying to seek through this post. http://bensiegfried.com/jquery/news.html
Ben SiegfriedMemberWith Sridhars help I was able to get the jQuery working. What his solution will do is provide a tooltip for every simple social icon. What I needed was to be able to select which icons needed a tooltip. Since we have three Facebook pages we needed to distinguish between them from all three having the same icon. So the following solution below provided for that.
First, in the simple-social-icons.php file of the plugin we added extra Facebook icons with a class .facebook and a title="yourtitle" in the "a" tag.
'facebook' => array( 'label' => __( 'Facebook URI', 'ssiw' ), 'pattern' => '<li class="social-facebook1"><a title="yourtitle-1" href="%s"></a></li>', ), 'facebook1' => array( 'label' => __( 'Facebook URI', 'ssiw' ), 'pattern' => '<li class="social-facebook2"><a title="yourtitle-2" href="%s"></a></li>', ), 'facebook2' => array( 'label' => __( 'Facebook URI', 'ssiw' ), 'pattern' => '<li class="social-facebook3"><a title="yourtitle-3" href="%s"></a></li>', ),
Next, we reduced the jQuery in the zebra_tooltips_init.js file to this:
jQuery(document).ready(function($) { new $.Zebra_Tooltips($('.facebook'), { 'position': 'left', 'animation_offset': 10, 'max_width': 350 }); });
Just follow Sridhar's instructions if you want all of your icons to have a tooltip or mine if you want only select icons, or you could do all of them with my method which, but you'd have to be aware that if simple-social-icons get updated that it may change it's .php file and then you'd have to go in and update that.
The reference website for my method will be for http://coronadomarketing.com beginning mid-December 2013 when it launches, until then it's the one a few comments back.
Ben SiegfriedMemberSridhar,
You are so freakin' cool! Thanks!
Ben
Ben SiegfriedMemberAlright, thanks David. If I can't find a solution that is perfect I at least want to know what my options are. I appreciate your input.
Ben SiegfriedMemberWell that's how Genesis' demo for Agency-Pro is. These are featured posts. There is category search in the sidebar so users aren't completely out of finding other blog articles. Have any suggestions as to what could be added?
We purposely did not add Blog in the main navigation menu because we want to highlight the business, not the blog. However, in every page of the website the sidebar has a text and image link to the blog, clearly inviting users to go there.
I agree there could be something more there for when you click on one of these three featured posts from the homepage, but I'm not sure what to add, and I would want to target only those three posts.
Happen to have any suggestions?
Would hooking content such as a button that says, "Read More from the Blog," be something I could add for those specific posts as opened? This is where I'm definitely a newbie.
Ben SiegfriedMemberThanks David, I was thinking of adding the archive page, it's not a priority though. I'm here to learn to develop for others not just for myself, so anything I can learn "how" to do is important whether I use it or not in a site. To me, any question is a good one, I'm not always putting a condition to any question I ask. What do you mean by "That site doesn't even have blog navigation," can you give an example? Be aware that I may know more than you think I know and may even know something you don't know too.
Ben SiegfriedMemberFound it, thanks to your clue! I needed to add select:focus to that CSS rule and change the color.
input:focus, select:focus, textarea:focus { border: 1px solid #14B37D; outline: none; }
Ben SiegfriedMemberThanks for the feedback, that's weird, on Chrome for Windows I am seeing a yellowish-brown but maybe I'm going color? ha ha.
Ben SiegfriedMemberFound what I needed here: http://wordpress.org/plugins/extended-categories-widget/
Ben SiegfriedMemberTurns out the problem was that I set CSS rule to display: none.
.enews-widget-input:focus {
display: none;
}...not realizing that it would do what I was encountering. Would have been better for me to just remove that CSS if I didn't want any focus behavior.
Ben SiegfriedMemberI deleted and re-installed the plugin, followed the tutorials again to the "T" and the same issue still persists, you can't enter anything into the email form field. This is so weird for such a compatible, supported plugin by Genesis. I'm using one of their HTML 5 themes too.
Ben SiegfriedMemberYes, I did, I added the ID and took what was between the quotes. I copied and repasted multiple times to be sure i wasn't missing a character. I added EMAIL for name="EMAIL" in the correct place too. I think I'm going to delete the plugin and redownload it.
Ben SiegfriedMemberNo I didn't, just added what the tutorials asked me to, and I watched two different tutorials on the same subject, both instructing me the same.
Ben SiegfriedMemberI entered EMAIL as instructed the tutorial.
-
AuthorPosts