<?xml version="1.0" encoding="UTF-8"?>
	<rss version="2.0"
		xmlns:content="http://purl.org/rss/1.0/modules/content/"
		xmlns:wfw="http://wellformedweb.org/CommentAPI/"
		xmlns:dc="http://purl.org/dc/elements/1.1/"
		xmlns:atom="http://www.w3.org/2005/Atom"

			>

	<channel>

		<title>customizing the x-scroll-top anchor &#8211; Themeco Community</title>
		<atom:link href="https://theme.co/archive/forums/topic/customizing-the-x-scroll-top-anchor/feed/" rel="self" type="application/rss+xml" />
		<link>https://theme.co/archive/forums/topic/customizing-the-x-scroll-top-anchor/feed/</link>
		<description></description>
		<lastBuildDate>Sun, 12 Oct 2025 15:32:23 +0000</lastBuildDate>
		<generator>https://bbpress.org/?v=2.6.14</generator>
		<language>en-US</language>

		
														
					
				<item>
					<guid>https://theme.co/archive/forums/topic/customizing-the-x-scroll-top-anchor/#post-138560</guid>
					<title><![CDATA[customizing the x-scroll-top anchor]]></title>
					<link>https://theme.co/archive/forums/topic/customizing-the-x-scroll-top-anchor/#post-138560</link>
					<pubDate>Tue, 04 Nov 2014 21:43:28 +0000</pubDate>
					<dc:creator>microarts</dc:creator>

					<description>
						<![CDATA[
						<p>I am trying to have the scroll top anchor link to a specific web page instead of scrolling back to the top. Can you help?</p>
<p>if you scroll down a tiny bit, you&#8217;ll see the calendar icon in lower right: <a href="http://microartsdev.com/needham/make-an-appointment/" rel="nofollow">http://microartsdev.com/needham/make-an-appointment/</a></p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://theme.co/archive/forums/topic/customizing-the-x-scroll-top-anchor/#post-138735</guid>
					<title><![CDATA[Reply To: customizing the x-scroll-top anchor]]></title>
					<link>https://theme.co/archive/forums/topic/customizing-the-x-scroll-top-anchor/#post-138735</link>
					<pubDate>Wed, 05 Nov 2014 08:59:55 +0000</pubDate>
					<dc:creator>Christopher</dc:creator>

					<description>
						<![CDATA[
						<p>Hi there,<br />
Please add the following CSS code under <strong>Customize -&gt; Custom -&gt; CSS</strong>:</p>
<pre><code>.x-icon-angle-up:before {
content: &quot;\\f073&quot;;
}
.x-scroll-top{
border:none;
}</code></pre>
<p>Thank you.</p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://theme.co/archive/forums/topic/customizing-the-x-scroll-top-anchor/#post-138736</guid>
					<title><![CDATA[Reply To: customizing the x-scroll-top anchor]]></title>
					<link>https://theme.co/archive/forums/topic/customizing-the-x-scroll-top-anchor/#post-138736</link>
					<pubDate>Wed, 05 Nov 2014 09:00:11 +0000</pubDate>
					<dc:creator>Christian</dc:creator>

					<description>
						<![CDATA[
						<p>Hey there,</p>
<p>Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn&#8217;t mind providing us with a little more clarification on what it is you&#8217;re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we&#8217;ll be happy to provide you with a response once we have a better understanding of the situation.</p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://theme.co/archive/forums/topic/customizing-the-x-scroll-top-anchor/#post-138860</guid>
					<title><![CDATA[Reply To: customizing the x-scroll-top anchor]]></title>
					<link>https://theme.co/archive/forums/topic/customizing-the-x-scroll-top-anchor/#post-138860</link>
					<pubDate>Wed, 05 Nov 2014 13:18:25 +0000</pubDate>
					<dc:creator>microarts</dc:creator>

					<description>
						<![CDATA[
						<p>when you click on the scroll top button, instead of having it actually scroll to the top of the page, i want it to act like a regular link and have it bring me to a specific page on my site. </p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://theme.co/archive/forums/topic/customizing-the-x-scroll-top-anchor/#post-138976</guid>
					<title><![CDATA[Reply To: customizing the x-scroll-top anchor]]></title>
					<link>https://theme.co/archive/forums/topic/customizing-the-x-scroll-top-anchor/#post-138976</link>
					<pubDate>Wed, 05 Nov 2014 16:18:09 +0000</pubDate>
					<dc:creator>Cousett</dc:creator>

					<description>
						<![CDATA[
						<p>I see a lot of anchors that are scrolling down on a page which anchor is it that you want to link to another page? </p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://theme.co/archive/forums/topic/customizing-the-x-scroll-top-anchor/#post-139204</guid>
					<title><![CDATA[Reply To: customizing the x-scroll-top anchor]]></title>
					<link>https://theme.co/archive/forums/topic/customizing-the-x-scroll-top-anchor/#post-139204</link>
					<pubDate>Wed, 05 Nov 2014 21:23:55 +0000</pubDate>
					<dc:creator>microarts</dc:creator>

					<description>
						<![CDATA[
						<p>Sorry, I thought I was clear, it&#8217;s the &#8220;Scroll Top Anchor&#8221; that appears in the very bottom right of the page when you scroll down. The one controlled by _footer-scroll-top.php</p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://theme.co/archive/forums/topic/customizing-the-x-scroll-top-anchor/#post-139779</guid>
					<title><![CDATA[Reply To: customizing the x-scroll-top anchor]]></title>
					<link>https://theme.co/archive/forums/topic/customizing-the-x-scroll-top-anchor/#post-139779</link>
					<pubDate>Thu, 06 Nov 2014 18:32:11 +0000</pubDate>
					<dc:creator>Zeshan</dc:creator>

					<description>
						<![CDATA[
						<p>Hi there,</p>
<p>It will require some template customization. To do so, please copy the file <strong>wp-content/themes/x/framework/views/global/_footer-scroll-top.php</strong> in your child theme&#8217;s folder <strong>/framework/views/global/</strong>, open the file in a text editor and replace the entire code with following:</p>
<pre><code>&lt;?php

// =============================================================================
// VIEWS/GLOBAL/_FOOTER-SCROLL-TOP.PHP
// -----------------------------------------------------------------------------
// Output for the scroll top button.
// =============================================================================

?&gt;

&lt;?php if ( x_get_option( &#039;x_footer_scroll_top_display&#039;, &#039;&#039; ) == &#039;1&#039; ) : ?&gt;

  &lt;a class=&quot;x-scroll-top &lt;?php echo x_get_option( &#039;x_footer_scroll_top_position&#039; ); ?&gt; fade&quot; href=&quot;http://www.example.com/&quot; title=&quot;&lt;?php esc_attr_e( &#039;Back to Top&#039;, &#039;__x__&#039; ); ?&gt;&quot;&gt;
    &lt;i class=&quot;x-icon-angle-up&quot;&gt;&lt;/i&gt;
  &lt;/a&gt;

  &lt;script&gt;

  jQuery(document).ready(function($) {

    var windowObj            = $(window);
    var body                 = $(&#039;body&#039;);
    var bodyOffsetBottom     = windowObj.scrollBottom();             // 1
    var bodyHeightAdjustment = body.height() - bodyOffsetBottom;     // 2
    var bodyHeightAdjusted   = body.height() - bodyHeightAdjustment; // 3
    var scrollTopAnchor      = $(&#039;.x-scroll-top&#039;);

    function sizingUpdate(){
      var bodyOffsetTop = windowObj.scrollTop();
      if ( bodyOffsetTop &gt; ( bodyHeightAdjusted * &lt;?php echo x_get_option( &#039;x_footer_scroll_top_display_unit&#039; ) / 100; ?&gt; ) ) {
        scrollTopAnchor.addClass(&#039;in&#039;);
      } else {
        scrollTopAnchor.removeClass(&#039;in&#039;);
      }
    }

    windowObj.bind(&#039;scroll&#039;, sizingUpdate).resize(sizingUpdate);
    sizingUpdate();

  });

  &lt;/script&gt;

&lt;?php endif; ?&gt;
</code></pre>
<p>Now replace <strong><code>http://www.example.com/</code></strong> from the above code with your own link.</p>
<p>Hope this helps. 🙂</p>
<p>Thank you.</p>
						]]>
					</description>

					
					
				</item>

					
		
	</channel>
	</rss>

