Styling

Can you plz show me your website…
Normally when you install this plugin you just need to create a page with
News OR our latest news BUT link should be “news”

After when you installed this a new menu tab will appear in the admin left side “NEWS”

You just need to add the news same like you adds POST

Thanks

My website news page is: https://encontroeducacaomusical.donow.com.br/news/

I think it’s something related to the theme I’m using…

Ok i got the issue..

In your theme main <div> class are “container main-content clearfix”

So do one thing

open the news template and replace this DIV

<div id="primary" class="site-content">

with your one

<div class="container main-content clearfix">

in both the tamplete- all news and single news

Thanks

Also just check other stuff like heading

Your one is like this

<div class="page-title">
<div class="container clearfix">
<div class="sixteen columns">
<h1>Localiza??o</h1>
</div>
</div>
</div>

and mine is under <div id=”primary” class=”site-content”>
<div class="archive-header">

Also plz remove this css from plugin–> sp news …-> css–> style.css–>

line 3

.sp-news .archive-header h1 {
    font-size: 22px;
    line-height: 25px;
    text-transform: capitalize;
}

if you want to scroll the news plz replace this script code under
plugin–>sp-news-and-widget–>sp-news-and-widget.php line no 358

<script type=”text/javascript”>

jQuery(function() {
	jQuery(".newsticker-jcarousellite").jCarouselLite({
		vertical: <?php echo $vtrue; ?>,
		hoverPause:true,
		visible: <?php echo $vvisible; ?>,
		auto: <?php echo $vdelay; ?>,
		speed:<?php echo $vspeed; ?>,
	});
	jQuery(".newstickerthumb-jcarousellite").jCarouselLite({
		vertical: <?php echo $vtrue; ?>,
		hoverPause:true,
		visible: <?php echo $vvisible; ?>,
		auto: <?php echo $vdelay; ?>,
		speed:<?php echo $vspeed; ?>,
	});
		jQuery(".newstickerthumbmain-jcarousellite").jCarouselLite({
		vertical: <?php echo $vtruenews; ?>,
		hoverPause:true,
		visible: <?php echo $vvisible; ?>,
		auto: <?php echo $vdelay; ?>,
		speed:<?php echo $vspeed; ?>,
	});
});
</script>

with this one

<script type="text/javascript">

$(function() {
	$(".newsticker-jcarousellite").jCarouselLite({
		vertical: <?php echo $vtrue; ?>,
		hoverPause:true,
		visible: <?php echo $vvisible; ?>,
		auto: <?php echo $vdelay; ?>,
		speed:<?php echo $vspeed; ?>,
	});
	$(".newstickerthumb-jcarousellite").jCarouselLite({
		vertical: <?php echo $vtrue; ?>,
		hoverPause:true,
		visible: <?php echo $vvisible; ?>,
		auto: <?php echo $vdelay; ?>,
		speed:<?php echo $vspeed; ?>,
	});
		$(".newstickerthumbmain-jcarousellite").jCarouselLite({
		vertical: <?php echo $vtruenews; ?>,
		hoverPause:true,
		visible: <?php echo $vvisible; ?>,
		auto: <?php echo $vdelay; ?>,
		speed:<?php echo $vspeed; ?>,
	});
});
</script>