Mark Newton
Forum Replies Created
-
AuthorPosts
-
Mark NewtonParticipant
Bill, I hope you had a wonderful anniversary celebration! Congrats again! Plugin choices are kinda …blah.
Here is what I did:
1. I put this in my functions.php file:
//toggle shortcode
function toggle_shortcode( $atts, $content = null ) {
extract( shortcode_atts(
array(
‘title’ => ‘Click To Open’,
‘color’ => ”
),
$atts ) );
return ‘<h3>‘. $title .’</h3><div class=”toggle_container”>’ . do_shortcode($content) . ‘</div>’;
}
add_shortcode(‘toggle’, ‘toggle_shortcode’);2. I put this in my custom.js file:
jQuery(function($){
$(document).ready(function(){
$(“.toggle_container”).hide();
$(“h3.trigger”).click(function(){
$(this).toggleClass(“active”).next().slideToggle(“normal”);
return false; //Prevent the browser jump to the link anchor
});
});
});3. I put this in my style.css file:
/*toggle*/
h3.trigger {
margin: 0px !important;
font-size: 18px;
padding: 10px;
padding-left: 30px;
background-image: url(‘images/shortcodes/toggle-plus.png’);
background-position: 10px center;
background-repeat: no-repeat;
}
h3.trigger a {
color: #333;
text-decoration: none;
display: block;
}
h3.trigger a:hover {
color: #0489B7;
text-decoration: underline;
}
h3.active{
background-image: url(‘images/shortcodes/toggle-minus.png’) !important;
background-position: 10px center;
background-repeat: no-repeat;
}
h3.toggle-white{
background-color: #FFF;
}
h3.toggle-gray{
background-color: #F5F5F5;
}
.toggle_container {
overflow: hidden;
padding: 20px 10px;
}4. I then uploaded my .png plus and minus named the same as in my code.
5. Then I just use the shortcode:
[toggle title=”Your Toggle Title” color=”white”]Toggle Content[/toggle]
….Alas, no worky. I get the output in the post but no plus or minus…no javascript action to toggle open/close.
I realize this is NOT a theme problem so…if you wanna take a pass I understand 100%. Have a great day and weekend friend!
Mark
Mark NewtonParticipantDoh! Thanks 🙂
Mark NewtonParticipantYep. The click space is so very narrow, fat fingers mcgetty couldn’t detect the tiny tap zone. I am not asking how to adjust it – that is beyond the scope of a theme purchase 😉 From a user experience, I think most will miss the tap and simply retap the menu drop. Thanks!
Mark NewtonParticipantYep, that did the trick for keeping the padding and responsiveness in place with a clean, centered balance. Thank you very much Bill!
Have a great week! Mark
Mark NewtonParticipantHappy Saturday Bill! Yeah, that did the trick on index, page and single. Placement was perfect too! I don’t really use the staff section of the theme so no mods there. Thanks again for all the help!
Have a great weekend,
MarkMark NewtonParticipantYes, I agree. I am doing the same and just now enabled. I will let you know if I run into any problems. I assume activation will generate breadcrumbs with no problem on the theme. Thanks!
Mark NewtonParticipantBam! Nailed it like a champ. Yes, orderby rand was OFF. Clean code sir. Thank you!
Mark NewtonParticipantNailed it out. Thanks a lot Bill. I am golden.
Mark NewtonParticipantI did but instead chose it this time as an Image rather than a Gallery and updated it again. It stuck. Can’t tell you what the hiccup was but we are a go Houston.
If you can help with the centering CSS, we would be all closed up. Thank you again. I apologize for the chase.
Mark NewtonParticipantThe hero image for the home page was already set to Gallery and was working prior to removing the logo image URL that came over in the demo import. It is still set to Gallery and the image is in the bottom-right as the Featured Image.
marksnewton.com
If you want/need, I can set you up. Just let me know.
Mark NewtonParticipantPS – I had set the Home Block Attention Widget to display centered using CSS under the Advanced tab. Obviously, putting your CSS in there moved the widget back left because I overwrote it…I would like it centered but I doubt you advise me working in the Editor. Sorry to be “needy” so quickly :/
Mark NewtonParticipantThanks Bill! That definitely took care of the “missing” logo and additional file hang-up for loading; however, the home hero content is still failing to load.
I don’t see the relationship between a CSS set to none for the logo and how that has affected the homepage hero pic? If it helps, I did load the demo assets in order to “play” with the theme but have not performed other code or CSS tweaks (other than what you have pointed to here – which did work of course). The break happened after removing the point to your logo image (at the URL that was there – http://demo.organizedthemes.com/elite/wp-content/uploads/sites/29/2013/10/elite.png).
Please advise? If you need anything, let me know. Thanks a million Bill. Mark
-
AuthorPosts