I'm using the Infinite Scroll Wordpress plugin and for some reason, the "Continue Reading" link is not showing correctly for all posts that are loaded using the plugin. Here is a link: http://fieldtreasuredesigns.com/. Once you scroll down far enough for more posts to load, you should notice that the "Continue Reading" link messes up. What's happening is that the actual text, "Continue Reading" is being pushed outside of the and it's just showing up as text instead of inside the link. Why does it do this?
Here's the html for a properly formatted "Continue Reading" link:
<div class="entry-content">
<p>Ok friends, let’s face it. It’s always time for coffee around here. So this week I am doing a giveaway to help you have a solid coffee time as well. It’s super easy to enter to win. Just repost the photo above on #Instagram with a shout to #fieldtreausuredesignsa and use the hashtag #fieldtreasurecoffeetimegiveaway. If </p>
<a class="more-link auto" href=http://fieldtreasuredesigns.com/field-treasure-coffee-time-giveaway/>Continue reading »</a> <div class="clr"></div>
</div><!-- .entry-content -->
And here's an example of what happens to the "Continue Reading" link for a post that was loaded when someone scrolls down to the end of the page and the Infinite Scroll plugin loads more:
<div class="entry-content">
<p>Yesterday I shared a live periscope of a little behind the scenes of our temporary shop and the last Saw Horse Desk build process for 2015. Enjoy! (Click the little play button down at the bottom if the video doesn’t automatically load.)</p>
<a class="more-link auto" href="http://fieldtreasuredesigns.com/periscope-sawhorsedesk-bth"></a>Continue reading » <div class="clr"></div>
</div>
Any help would be greatly appreciated.
Problem:
You text outside the anchor tag that's its happen please check archive page to fix it.
Fixed code
<div class="entry-content">
<p>Yesterday I shared a live periscope of a little behind the scenes of our temporary shop and the last Saw Horse Desk build process for 2015. Enjoy! (Click the little play button down at the bottom if the video doesn’t automatically load.)</p>
<a class="more-link auto" href="http://fieldtreasuredesigns.com/periscope-sawhorsedesk-bth">Continue reading » </a><div class="clr"></div>
</div>
Related
I have a footer CTA widget (Best Quality Guarantee) that is appearing on all of the pages on my site, besides the shop and product archive pages.
How do I get it to appear on these pages as well?
The code for the widget is here -
<div>
<a class="best-quality-link" href="/best-quality-flowers"><img src="/wp-content/uploads/2018/07/Better.svg" alt="Best Quality Flowers" /></a>
<hr class="separator" />
</div>
You can see the Best Quality image on the bottom of this page - www.flowersforeveryone.co.za
But it doesn't appear on this page - https://flowersforeveryone.co.za/product-category/roses/
looking at your source code on the archive page it shows that better.svg is definiteley there but it looks like your lazy-loading isn't triggering and displaying it as it still has the 'lazy-hidden' class attached to it. Try disabling lazy load and see if it appears. If it does, then try play with your lazy load plugin settings and if that fails try use a different plugin.
When I go to my shop page products are displayed in a very strange way : Product details take lot of place. I tried to understand what have changed since yesterday and I notice (inspecting element via Chrome) that the html code before was :
<ul id=product ....>
<li class=product_item ...>
<div class=image container>...</div>
<div class=clearfix>...</div>
<div class=product details>...</div>
</il>
</ul>
and now I have this following code (and it destroy my product list display) :
<ul id=product ....>
<div class=t_singleproduct_cont>
<li class=product_item ...>
<div class=image container>...</div>
</il>
</div>
<div class=clearfix>...</div>
<div class=product details>...</div>
</ul>
As you can see the product details is outside the li tag and so my shop page is such a mess.
I tried to identify where this piece of code was coming from and I found that it was inside the content-product.php file but I can't see the line with "t_singleproduct_cont" div.
If you could help to deal with this problem I'll be very grateful !
Thank you very much
#Tayfun Akaltun. Have you installed plugin called enhanced e-commerce plugin for google analytics?
I'm trying to put a link for users to subscribe to my blog using an RSS Feed.
<div id="rss_link" style="margin-left:35%; margin-right:20%; width:10em;">
<a href="http://therearenoroads.com/feed">
<img style="width:90px; height:90px;" src="http://blog.sironaconsulting.com/.a/6a00d8341c761a53ef0120a7abc384970b-120wi" alt="RSS Link" />
</div>
<p style="font-size:1.3em; text-align:center;">Feed of TANR Knowledge</p>
</a>
This is the error that appears on the link...
This XML file does not appear to have any style information associated with it. The document tree is shown below.
...then a whole bunch of code.
Any ideas where this problem could be?
That isn't so much an error as it as a note regarding how your feed will be presented. It's letting you know that your feed isn't being styled and is being output in a raw form. That isn't necessarily "bad", since it will still work as a RSS feed. It just won't be as pretty. Compare: http://news.google.com/?output=rss (a valid RSS feed with no styling) with http://feeds.bbci.co.uk/news/rss.xml?edition=int (styled RSS)
You are closing </div> inside your <a> element. You might want something like this:
<div id="rss_link" style="margin-left:35%; margin-right:20%; width:10em;">
<a href="http://therearenoroads.com/feed">
<img style="width:90px; height:90px;" src="http://blog.sironaconsulting.com/.a/6a00d8341c761a53ef0120a7abc384970b-120wi" alt="RSS Link" />
<p style="font-size:1.3em; text-align:center;">Feed of TANR Knowledge</p>
</a>
</div>
Additionally, this also happens in chrome when you click on most rss feeds, since it doesn't have a rss subscribe widget in it. In firefox, the feed is handled much more smoothly.
Hi i am using prettyphoto media plugin in wordpress to display my youtube videos in a lightbox.
I have three, and I posted each one as different youtube video. Using prettyphoto the 1st post displays the video in lightbox. But other two don't open in the lightbox and just redirect to the youtube page.
Below one works perfectly
<a class="slid-img" href="http://www.youtube.com/watch?feature=player_embedded" rel="prettyPhoto"><img src="http://code/wp-content/uploads/2013/02/video1.png" alt="video1" width="412" height="323" class="alignnone size-full wp-image-731" /></a>
Below two doesn't work with lightbox
<a class="slid-img" href="http://www.youtube.com/watch?v=k4QO" rel="prettyPhoto"><img src="http://code/wp-content/uploads/2013/02/video2.png" alt="video3" width="411" height="324" class="alignnone size-full wp-image-732" /></a>
<a class="slid-img" href="http://www.youtube.com/watch?feature=player_embedded" rel="prettyPhoto" ><img src="http://code/wp-content/uploads/2013/02/video1.png" alt="video2" width="412" height="323" class="alignnone size-full wp-image-731" /></a>
Can any one tell me how to make it work?
All the videos are set in slider.
Other Problem is 1st video opens in fancybox only in the first round of the slider after that video doesn't open in fancybox
Here are some basic troubleshooting steps for your situation:
Have you tried non-youtube content in your PrettyPhoto? Try some -- like images that are loaded from Wordpress. If images don't work either, you likely have an error somewhere in your javascript that is tripped when you first call PrettyPhoto. Look carefully through the javascript that is generated by the plugin -- most likely the javascript in the head of your wordpress page.
Otherwise, a likely conflict with PrettyPhoto is JetPack. If you have this plugin installed and enabled, try disabling it first.
If you don't notice anything better, try disabling all wordpress plugins except for PrettyPhoto. If it still doesn't work properly, try reverting to the default wordpress theme, like 2010.
If none of these is the problem, it could be the version of jQuery you are running. I think PrettyPhoto is compatible up to only jQuery 1.6.1.
Another thing to check is to make sure you are only loading one copy of jQuery. Look through the generated source code of your wordpress page, and see if there is more than one reference to jquery.
Ads on this page (Fixture Info) are not displayed at same position as this (Home Page). Both have the ads placed in <div class="right-ad">, and use the same style rules.
Any idea how to fix this & display ads on Fixture Info in same position as Home Page?
You should add more detail in your question and not really expect people to go to your site and analyse your code.
Never-the-less..
Check your code and you will notice that on your Home Page the <div class="right-ad">'s parent is <div class="main">. Whereas on Fixture Info the <div class="right-ad">'s parent is <div class="container">.
I would assume that this is the cause of your problem. Go over your code and you'll probably find that on the Fixture Info page, putting the ad's <div> in the <div class="main"> will solve it.
I.E:
Your Home Page:
Your Fixtures Page: