Custom Sharing Buttons

  • Unknown's avatar
    courtneybruettephoto · Member ·

    Hi there,

    You may disregard my previous message as I have already purchased Ladder and am playing with it currently.

    I need help thought as I am COMPLETELY confused as to how to make the front slider work. I would like to showcase at least 10 or more photographs on this slider.

    I have read the brief support on https://wordpress.com/themes/ladder/support/ about ten times and it still is not making any sense at all.

    Please help clarify!

    I appreciate your time and help!

    Warmly,
    Courtney

    The blog I need help with is courtneybruettephotography.com.

  • Unknown's avatar
    designsimply · Member ·

    I’m so sorry it’s confusing to set up the front slider on the Ladder theme. Let me see what I can do to help. First, I checked http://courtneybruettephotography.com/ just now and I see the theme is currently set to Harmonic. Did you change it back because you couldn’t get the slider to work in the other theme?

    If you want to take a closer look at how to do the slider in Ladder, take a look at the steps from the support page (I’ll copy them below), and let me know which part you’re getting stuck on:

    1. Navigate to Appearance → Customize → Featured Content.
    2. Enter the name of a tag.
    3. Click the blue Save button at the bottom.
    4. Create a post with a large featured image.
    5. Give the post the tag you declared under Appearance → Customize → Featured Content.

  • Unknown's avatar
    courtneybruettephoto · Member ·

    Hi! Thanks for getting back to me so quickly. I was working with the latter theme all day yesterday and I ended up liking the theme I was using previously more. So I am going to stick with what I have.

    Do you have any ideas on how to make the front slideshow any larger? I know you mentioned that there’s not just a simple code for making it fullscreen but is there a way to make it similar to a fullscreen slideshow? Even if I just change my image size and slideshow dimensions, would that do it?

    I am sorry to bug you with so many questions! I am hoping to really create a more dramatic photographic welcome to my website and just I’m not sure what the best way to do it is.

  • Unknown's avatar
    designsimply · Member ·

    I was working with the latter theme all day yesterday and I ended up liking the theme I was using previously more. So I am going to stick with what I have.

    Aha, I see! Well, it’s good that you tried something else.

    Do you have any ideas on how to make the front slideshow any larger?

    You can’t make the images larger, but it’s possible to stretch the ones that are in the slideshow using CSS. The problem with this approach is that it will cause a loss of quality for the images. You can try out an example and see if the change is acceptable to you. Sometimes it depends on the images, sometimes it works okay if you don’t stretch the images too much, and sometimes it’s not worth the change.

    The images in any theme are limited to the width of the HTML element container they are in. In the case of the Harmonic theme, the container is named “#primary.full-width” so here is a CSS example that targets that and changes it from the default 75% that the theme is using for that element in the “Full Width” page template you are currently using on your home page. Here is an example that will stretch the container first followed by a rule to stretch the slideshow itself:

    @media screen and (min-width: 1176px) {
	#primary.full-width {
		width: 100%;
	}
	div.slideshow-window,
	div.slideshow-slide {
		width: 1176px !important;
		height: 714px !important;
	}
}

    The @media rule limits the change to browser sizes on large screens that are 1176 and wider. You can learn more about media queries at http://en.support.wordpress.com/custom-design/custom-css-media-queries/

    The !important rule should usually be avoided unless it’s necessary, and it is in this case because we are overriding inline styles which are set via PHP in the slideshow code on the server side. So !important rules are needed in this case.

    Try out the example and see what you think. I don’t like this method and think the quality loss is too high (especially since you’ve already stretched the images in your current existing custom CSS once). I think the better route for larger images in a slideshow would be to use a theme that has that built in in a good way. Sorry there’s not a better answer about this! It’s a limitation of the way the slideshow works and how it sets image sizes.

1 2
  • The topic ‘Custom Sharing Buttons’ is closed to new replies.