[Plugin: AnythingSlider for WordPress] Not displaying correctly – Styles Issue?

  • Hello, I am having real problems trying to integrate any gallery slider into my theme. I have installed Anythingslider and implemented it in the prescribed way, and yet it displays like everything else I have tried, basically as a list of images: https://www.10fathoms.co.uk/wpgpm/ when I check with other galleries I have installed using firebug, the stylesheet styles were not even present but I know my stylesheets are linked in the right way. I think stylesheets are at the heart of this problem but I don’t know why. If anybody could help it would be appreciated. Thanks, Paul

    https://www.ads-software.com/extend/plugins/anythingslider-for-wordpress/

Viewing 12 replies - 1 through 12 (of 12 total)
  • Plugin Author Jacob Dubail

    (@jacobdubail)

    What does you shortcode look like? There are a bunch of JS errors.

    -J

    Thread Starter 10fathoms

    (@10fathoms)

    HI yep it’s: [anything_slides width=314 height= delay= resume= animation= order=ASC orderby=menu_order theme=construction]
    the top three (bulleted) images are from the AnythingSlider using that short code. The images underneath are from another gallery slider I was trying which is built into the template with JS and a stylesheet. This doesn’t work either. ?? Cheers

    Thread Starter 10fathoms

    (@10fathoms)

    The gallery should look like this which was my site before I word pressed it: https://www.10fathoms.co.uk/gpm/ if I can get anything slider to do the same I will be exceedingly happy.

    Plugin Author Jacob Dubail

    (@jacobdubail)

    Try deleting the blank attributes from the shortcode.

    Looks like a bug on my part.

    [anything_slides width=314 order=ASC orderby=menu_order theme=construction]

    Thread Starter 10fathoms

    (@10fathoms)

    That’s great, works like a dream, thanks very much. Your medal is in the post ??

    Thread Starter 10fathoms

    (@10fathoms)

    Just one other thing, on a styling related matter. Is there a way I can add padding to the inner part of the slider (i.e. the objects/images that actually move) If you add padding to this style it forces the whole slider to have padding. As I have a background image here now I just need the inner padding to have some padding. 

    div.anythingSlider-minimalist-round .anythingWindow {
	border-top: 0px solid #333;
	border-bottom: 0px solid #333;
	padding: 0; /* changing this gives the whole slider padding */
	background-image:url(../images/galleryBack.jpg);
}

    You can compare what I am after between the two sites:

    https://www.10fathoms.co.uk/gpm – is what i’m after
    https://www.10fathoms.co.uk/wpgpm – is how it is now.

    P.S. I am using theme-minimalist-round.css to restyle my slider.
    Thanks again.

    Thread Starter 10fathoms

    (@10fathoms)

    No worries, I solved it. I just put some margin values onto the images inside wordpress. It’s a bit of a hack but it’s done the job. Thanks for all the help dude. I will pop you over a donation for the plugin when i’ve finished the project. Cheers.

    kanika

    (@kanikawordpresscom)

    instead of a shorcode I want to be able to call the slider in the header using js. Is that a god idea? I want to do it for customization. And in the header what would be the best place/way to do it?in the <head>

    Apologies if this sounds foolish.

    kanika

    (@kanikawordpresscom)

    Hello,

    Waiting for your reply. Also, I want to be able to say this:

    echo do_shortcode( "[anything_slides cat=header]" ); }

    Instead of header it chooses a dynamic cat name. I tried concatenation, but does not work. If it is possible without shortcodes even better. Please suggest. A little urgent.

    Thanks,
    Kanika.

    Plugin Author Jacob Dubail

    (@jacobdubail)

    Hi Kanika,

    I’m not actively developing this plugin at the moment. If you’d like to call the javascript manually, I’d recommend doing it at the end of your document instead of in the <head>. You may want to look doing a custom implementation, at that point.

    Good luck!

    -Jacob

    kanika

    (@kanikawordpresscom)

    Hi Jacob.

    Thanks for the reply. That doesn’t answer the question though. Maybe I should make myself more clear:
    What if I want to show archives? The problem I am facing is the posts will come from the database somehow and I how do I integrate that in script? The second thing, can I keep the cat option dynamic in the following code:
    echo do_shortcode( "[anything_slides cat=header]" ); }

    The initial list is not statically placed and so I am referring to it by class as given:

    <?php
	/* We add some JavaScript to pages with the comment form
	 * to support sites with threaded comments (when in use).
	 */
	if ( is_singular() && get_option( 'thread_comments' ) )
		wp_enqueue_script( 'comment-reply' );

	/* Always have wp_head() just before the closing </head>
	 * tag of your theme, or you will break many plugins, which
	 * generally use this hook to add elements to <head> such
	 * as styles, scripts, and meta tags.
	 */
	wp_head();
?>
</head>
<script type="text/javascript">
	$(document).ready(function() {

	$(".anythingSlider").append('<li>');
	$(".anythingSlider").append('<div id="wrapHeaderSlider"><div id="imageClass">Bye</div><div>Hello</div></div>');
	$("wrapHeaderSlider").css('display':'visible');
	$(".anythingSlider").append('</li>');
	.anythingSlider();
	});
</script>
<body class="homeblog">
<div id="wrapper" class="hfeed">
	<div id="header">
		<div id="masthead">
		<div>
		<div id="site-description"><?php bloginfo( 'description' ); ?></div>
			<div id="branding" role="banner">

//////===========rest of the header code============
    kanika

    (@kanikawordpresscom)

    Hi,

    My job is done. I switched the desired content to slide type using this plugin which is very helpful:

    https://www.ads-software.com/extend/plugins/post-type-switcher/installation/

    But the question is unanswered, so I am leaving it open to further discussion.

    Thanks,
    Kanika.

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘[Plugin: AnythingSlider for WordPress] Not displaying correctly – Styles Issue?’ is closed to new replies.