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:
Related
I have such a text container. He would like it to appear only on the first page of the blog's pagination.
<div class="column mcb-column mcb-item-c0belar2g one column_visual">
<h2>Title</h2>
<p>Lorem Ipsum Dolor</p>
</div>
I have a text container generated by Muffin Page Builder in WordPress. He would like it to appear only on the first page of the blog's pagination. I tried to create a code like this:
if (1 == $ paged) {
your container code
}
Unfortunately it doesn't work and I don't know if I need to create a function to hide this container on the following pages of pagination?
Here is a link to this blog page
I am trying to find information on the Internet, but so far I have not been able to find anything about it. Please help.
Image of this container
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.
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>
I have a one page website consisting on:
<body>
<section id="#section1"> content here </section>
<section id="#section2"> content here </section>
<section id="#section3"> content here </section>
<section id="#section4"> content here </section>
</body>
With Google Analytics, is there a way to know when a user reaches a specific section? In the end, I want to know if users who go to my website scroll until the bottom or not.
Thanks!
There is a jQuery plugin called Scroll Depth, which you plug in your HTML sections and have events fire when a user reaches that. Here is what the configuration looks like:
jQuery.scrollDepth({
elements: ['#section1', '#section2','#section3', '#section4']
});
Odd question and maybe my logic is off on this one, but I have this structure in Wordpress:
Page 1
Child page of page 1
Child page of page 1
Page 2
Child page of page 2
Child page of page 2
Child page of page 2
In my theme I output this as one page per parent.
For example:
The layout is
<h1>title of page 1</h1>
<p>content of page 1</p>
After that a few small blocks:
<div class="box first child-page">
box with content of child page of page 1
</div>
<div class="box second child-page">
box with content of child page of page 1
</div>
<div class="box last child-page">
box with content of child page of page 1
</div>
But; now my problem! When someone uses the search box, The child pages, with their unique permalink are also shown, which is correct, but I need them to link to the parent page. Child pages should not be visited as a unique page, but the content has to be searchable (because, the content does exist on the webpage). Hope you guys understand what I'm trying to tell. I tried to 301 redirect the child pages to the parent page, but I need something easier for my client to be able to create child pages, and not having to worry about 301 redirects.
Regards.
to get parent url you can do this inside the loop of child page
<?php
$parent = get_permalink($your_child_loop_variable->post_parent);
?>