Forum Replies Created
-
AuthorPosts
-
carasmoParticipant
Facebook, Twitter, LinkedIn, Pinterest, Google +
http://www.ebizmba.com/articles/social-networking-websites
carasmoParticipantDon't use quotes around css styles.
Instead of
.site-header .widget-area { float: right; text-align: right; width: 720px; }
use:
.site-header .widget-area { float: right; text-align: right; max-width: 720px; }
carasmoParticipantIt goes in the style.css file in your theme folder. It needs to be last in the CSS after all others. If you have a cache plugin, clear it. If you have the ability to change the version after the style.css?ver=2.1.1 then change that instead.
If you did add it there, it's not showing up when I look at your style sheet.
Remember that you styled the widget area:
/* Widget Area --------------------------------------------- */ .site-header .widget-area { float: right; text-align: right; width: 720px; } .site-header .widget-area .widget { margin-bottom: 0; } .site-header .widget-area #text-5.widget { display: inline-block; float: right; } .site-header .widget-area #text-8.widget { display: inline-block; float: left; padding: 30px 0 0 40px; }
These styles are global styles, meaning that all viewports (all devices at all sizes) see them.
When you use explicit widths in this area (such as width:720px) you're going to have issues on devices less than 720px, so instead use "max-width:720px".
If you use floats here and padding here, all of that needs to be over-written by a max-width media query that comes after this one. That is the stuff I sent earlier. It goes after any and all styles associated with this at all max-widths. So put it just before the @print styles. Save it, clear cache and see what happens. When developing, don't use a caching program, set it up afterwards. Makes life easier.
carasmoParticipantI find it best to install developer tools and set my settings in my browser to get the viewport width. The break point on the two widgets in the head is about 600px. Mobile and touch devices come in many, many sizes.
carasmoParticipantPut this after the desktop styles (the ones outside media queries).
@media (max-width:600px) { .site-header .widget-area .widget-area #text-8.widget, .site-header .widget-area .widget-area #text-5.widget { display:block; float:none; padding-left:0; padding-right:0; margin-left:auto; margin-right:auto; } }
Remember, if you don't use mobile first CSS anything done outside a max-width will need to be over-written in the media query.
carasmoParticipantNice!
Re: share buttons. I LOVE https://wordpress.org/plugins/naked-social-share/ - clean, fast loading share post/page buttons, that I styled myself. I hooked them to a couple locations:
/** ============================================================ Add Naked Share Buttons Before Content ============================================================*/ add_action( 'genesis_before_content', 'cab_social_header', 15 ); function cab_social_header() { echo '<div class="social-header hidden-print">'; echo '<a title="print page" class="twbstooltip" href="javascript:window.print()"><span class="fa fa-print"></span></a>'; ''.naked_social_share_buttons().''; echo '</div>'; } /** ============================================================ Add Naked Share Buttons After Content ============================================================*/ add_action( 'genesis_after_content', 'cab_naked_social', 10 ); function cab_naked_social () { echo '<div class="social-footer hidden-print">'; ''.naked_social_share_buttons().''; echo '</div>'; }
And styled them to fit where I wanted: to the right of the
.content-sidebar-wrap
and just above the navigation on the bottom.
carasmoParticipantcarasmoParticipantI looked at this site and jquery is making the "pages/sections" the height of the viewport on resize/load. Everyone's viewport is different, so this is an important feature. I see it very big, some on smaller viewports, such as laptops, wlll see less, and so forth, but provided that the content of the page/section doesn't exceed the height, then the design will look great. One page site designs like this are nearly always set up this way and it's integrated with the all the other sections, so changing one changes them all, you might not like the way it turns out.
November 1, 2015 at 7:29 am in reply to: Help displaying carousel from page to Gen. Featured Page widget #169787carasmoParticipantHello,
I apologize for all the posts. The forum wasn't posting every time I tried. The example I gave was not meant to be used as is, it was meant to be adjusted and re-created for your needs. So it won't work out of the box. Also, I was under the impression that this section of the StudioPress site was a forum where others with more knowledge would participate, yet no one else has chimed in.
Where is the page you created with ACF that works? Why not make that the home page?
Have you looked at these posts, it might be a better idea
http://wpsites.net/web-design/image-slider-wordpress-header/
http://wpsites.net/web-design/image-slider-home-page-only/
carasmoParticipantIf you look at the demo site: http://demo.studiopress.com/parallax/ your menu is different. It doesn't appear that you've made changes to the CSS for the nav, but perhaps another style in a plugin did.
Try:
Enqueue Genesis child theme style sheet at higher priority and see if the problem goes away.
http://www.carriedils.com/woocommerce-genesis-important-style/
carasmoParticipantClear your cache in your own browser. Then look if you can see your updates.
carasmoParticipantIt's not working, CSS is very specific and it inherits from top down, making it difficult to over-ride if you don't specify it the same as the styles preceding it. See why it's white here:
/* Line 1270 */ .widget-area a:link, .widget-area a:visited { color: white; } /* Line 1273 */ .widget-area a:active, .widget-area a:hover { color: #22a1c4; }
After everything in your CSS try this:.page-template-page_blog .site-inner .sidebar .widget-area a:link, .page-template-page_blog .site-inner .sidebar .widget-area a:visited { color: #333; } .page-template-page_blog .site-inner .sidebar .widget-area a:hover, .page-template-page_blog .site-inner .sidebar .widget-area a:focus, .page-template-page_blog .site-inner .sidebar .widget-area a:active { color: #ff6000; }
October 30, 2015 at 7:59 am in reply to: Special Font only Displaying on Front Page – Parallax Pro #169610carasmoParticipantVery pretty font! Also, you might want to adjust the font-size on styles that use SelfiePrinted since it probably takes up a smaller x-height.
October 30, 2015 at 7:55 am in reply to: Special Font only Displaying on Front Page – Parallax Pro #169608carasmoParticipantYes, it's not Genesis. Add SelfiePrinted to the font stack in your style.css sheet to one or more classes as you need.
This will add SelfiePrinted to the heading of the page/post:
.entry-title { font-family: SelfiePrinted, Oswald; }
It's the second class under the following in style.css
/* Titles --------------------------------------------- */
If you go through that style.css (BACK UP first), you'll see that Oswald is assigned to all h1-h6, and SelfiePrinted is only assigned to some classes. You'll see that .entry-title comes further down the style.css file, since it's after the h1-h6 styles, you have to add it there too.
October 30, 2015 at 7:39 am in reply to: Smarter (conditional?) Widgets in Footer and other areas #169604carasmoParticipantcarasmoParticipantAdding this last in your style.css file should do the trick. Change the hex for your needs:
.page-template-page_blog .site-inner .widget-area a { color: #333; } .page-template-page_blog .site-inner .widget-area a:hover, .page-template-page_blog .site-inner .widget-area a:focus { color: #ff6000; }
October 29, 2015 at 11:33 am in reply to: Help displaying carousel from page to Gen. Featured Page widget #169046carasmoParticipantI'm also new to WordPress (I used smarty so I kinda get it, but I'm an artist and this coding stuff is not easy for me). There are probably many ways but calling a page with a slider on it, unless you pass the slider code to the genesis featured page widget and all the fields to it, won't work.
Here's what I would do:
- Create a custom post type called Slide or whatever else you want
- Use ACF to create the additional fields you need for that post type (which is on the create new field group admin) so it shows up on only those types of pages
- Use the featured image and other fields of WordPress default (like excerpt) - no need to add more
- Make a short code
- Put the short code in a widget that accepts short code
Make the custom post type
http://themergency.com/generators/wordpress-custom-post-types/Short Code Widget
Short Code WidgetI have already enqueued my scripts and css (so all that is not included). I use the same slider for everything (multi, variable width, single, full width...) so I became very, very intimate with all it can do and how to skin it properly. It's called Slick slider by Ken Wheeler. There's a slightly expensive WP plugin, but you don't need it. It's MIT Licensed.
This information is very specific for my slider's .js initializations for showing multiple slides at once. The settings would need to be adjusted as per the instructions on Ken Wheeler's site for single slides and all the settings can be used as data attributes giving you/client the ability to change speed, add/remove touch, etc., as you want -- provided you make the attributes as I have done below with "slide_count" and "infinite" in $my_sidebar_slider_attrs array.
October 29, 2015 at 11:33 am in reply to: Help displaying carousel from page to Gen. Featured Page widget #169047carasmoParticipantI'm also new to WordPress (I used smarty so I kinda get it, but I'm an artist and this coding stuff is not easy for me). There are probably many ways but calling a page with a slider on it, unless you pass the slider code to the genesis featured page widget and all the fields to it, won't work.
Here's what I would do:
- Create a custom post type called Slide or whatever else you want
- Use ACF to create the additional fields you need for that post type (which is on the create new field group admin) so it shows up on only those types of pages
- Use the featured image and other fields of WordPress default (like excerpt) - no need to add more
- Make a short code
- Put the short code in a widget that accepts short code
Make the custom post type
http://themergency.com/generators/wordpress-custom-post-types/Short Code Widget
Short Code WidgetI have already enqueued my scripts and css (so all that is not included). I use the same slider for everything (multi, variable width, single, full width...) so I became very, very intimate with all it can do and how to skin it properly. It's called Slick slider by Ken Wheeler. There's a slightly expensive WP plugin, but you don't need it. It's MIT Licensed.
This information is very specific for my slider's .js initializations for showing multiple slides at once. The settings would need to be adjusted as per the instructions on Ken Wheeler's site for single slides and all the settings can be used as data attributes giving you/client the ability to change speed, add/remove touch, etc., as you want -- provided you make the attributes as I have done below with "slide_count" and "infinite" in my_sidebar_slider_attrs array.
October 29, 2015 at 11:33 am in reply to: Help displaying carousel from page to Gen. Featured Page widget #169048carasmoParticipantI'm also new to WordPress (I used smarty so I kinda get it, but I'm an artist and this coding stuff is not easy for me). There are probably many ways but calling a page with a slider on it, unless you pass the slider code to the genesis featured page widget and all the fields to it, won't work.
Here's what I would do:
- Create a custom post type called Slide or whatever else you want
- Use ACF to create the additional fields you need for that post type (which is on the create new field group admin) so it shows up on only those types of pages
- Use the featured image and other fields of WordPress default (like excerpt) - no need to add more
- Make a short code
- Put the short code in a widget that accepts short code
Make the custom post type
http://themergency.com/generators/wordpress-custom-post-types/Short Code Widget
Short Code WidgetI have already enqueued my scripts and css (so all that is not included). I use the same slider for everything (multi, variable width, single, full width...) so I became very, very intimate with all it can do and how to skin it properly. It's called Slick slider by Ken Wheeler. There's a slightly expensive WP plugin, but you don't need it. It's MIT Licensed.
This information is very specific for my slider's .js initializations for showing multiple slides at once. The settings would need to be adjusted as per the instructions on Ken Wheeler's site for single slides and all the settings can be used as data attributes giving you/client the ability to change speed, add/remove touch, etc., as you want -- provided you make the attributes as I have done.
carasmoParticipantOkay, it works now. How odd. The only change was that I closed a massive amount of tabs between now and a few days ago. I've noticed an extraordinary amount of js in many sites that are hogging my resources and causing freezes. I can only guess that some tab or other crap was with this forum.
I'm testing if I can paste some php, there should be some below. I was not able to do this either.
$atts = shortcode_atts( array( 'href' => '#', 'target' => '', 'title' => '', 'class' => '', ), $atts ); return '<a class="button ' . $atts['class'] . '" href="' . $atts['href'] . '" title="' . $atts['title'] . '" target="' . $atts['target'] . '">' . do_shortcode( $content ) . '</a>';
-
AuthorPosts