[Aakash Chakravarthy]

Hi David,

No worries. I work on a different timezone here. I’ll check the details you have shared and get back to you asap.

Thanks,
Aakash

[Aakash Chakravarthy]

Hi David,

Please try the following. I have modified the code you have shared as per your requirement.

1) In announcer settings, switch to “text” tab.
2) Paste the code below.

<div class="sliderWrap">
<div class="slider">
    <div class='slide first-slide'>This is slide 1</div>
    <div class='slide second-slide'>This is slide 2 for testing</div>
    <div class='slide third-slide'>This is slide 3 for tests</div>
</div>
</div>

3) Go to your theme settings page and paste below CSS

.sliderWrap {
  --width: 900px;
  width: var(--width);
  overflow: hidden;
}

.slider {
  --animation-duration: 12s;
  width: calc(var(--width)*3);
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-evenly;
}

.slide {
  width: var(--width);
}

.slider .first-slide {
  --visible: 0;
  --hidden: 100%;
  animation: var(--animation-duration) slide-right-animation ease-in-out infinite;
}

.slider .second-slide {
  --visible: -100%;
  --hidden: 100%;
  animation: var(--animation-duration) slide-right-animation 4s ease-in-out infinite;
}

.slider .third-slide {
  --visible: -200%;
  --hidden: 200%;
  animation: var(--animation-duration) slide-right-animation 8s ease-in-out infinite;
}

/* The slide right effect */
@keyframes slide-right-animation {
  0% {
    transform: translateX(var(--hidden));
    opacity: 0;
  }
  6.66%, 26.64% {
    transform: translateX(var(--visible));
    opacity: 1;
  }
  33.30%, 100% {
    transform: translateX(var(--hidden));
    opacity: 0;
  }
}

Change the slide text in #2 as per your needs

Change the slider width in #3 from 900px as required.

Note: The code you shared supports only 3 slides. For more slides extra CSS must be added. You can follow the code and duplicate the .slider .third-slide CSS for more.

Hope this helps.

Thanks,
Aakash

[Aakash Chakravarthy]

Hi David,

Announcer supports slider and has specific logic for top to bottom only. It does not support left to right. It is because screens are usually wider and announcement messages can be in multiple lines. The animation from left to right was weird and not very appealling.

Thanks,
Aakash

[Aakash Chakravarthy]

Hi Giovanni,

Thanks for confirming! Yes, for now I can’t think of any workaround except using sub search engines so that the main tabs get some space.

Thanks,
Aakash

[Aakash Chakravarthy]

Hi Ankit,

Shortcoder PRO already has this feature. Can you please check if that helps?

Thanks,
Aakash

[Aakash Chakravarthy]

Hi Giovanni,

Thanks for using AIOWS extension. I understand your issue, but the extension does not support increasing the popup width.

I’ll see how to handle this situation in the future versions of the extension.

For now, can you please include the additional “search engines” as “sub search engines”? So that the organization is more compact?

Thanks,
Aakash

[Aakash Chakravarthy]

Glad it worked 🙂
Have a nice day!

[Aakash Chakravarthy]

Hi Stephan,

You might be using a caching plugin on your wordpress website like wp super cache, w3 total cache etc. Can you please clear the site cache and try again?

Thanks,
Aakash

[Aakash Chakravarthy]

Hi,

Glad it helped. Please do rate, review and share the plugin. It helps the plugin a lot!

https://wordpress.org/support/plugin/super-rss-reader/reviews/?filter=5

Thanks,
Aakash

[Aakash Chakravarthy]

Hi,

Please insert the below custom PHP snippet on your website and it should fetch the city and state.

Best methods to Insert Custom PHP code in WordPress?

    add_filter( 'srr_mod_item_html', 'srr_job_location', 10, 3 );

    function srr_job_location( $html, $feed_url, $feed_item ){
        
        $city_tags = $feed_item->get_item_tags('http://haleymarketing.com/rss/2.0/modules/job/', 'city');
        $city = !empty($city_tags) ? $city_tags[0]['data'] : '';

        // Get the job state (in the job:state namespace), check if the tag exists
        $state_tags = $feed_item->get_item_tags('http://haleymarketing.com/rss/2.0/modules/job/', 'state');
        $state = !empty($state_tags) ? $state_tags[0]['data'] : '';
        
        $html[ 'after' ] = $html[ 'after' ] . '<p>' . $city . ', ' . $state . '</p>';
        return $html;
    }

Thanks,
Aakash

[Aakash Chakravarthy]

Hi,

Thanks for using Super RSS Reader plugin.

I see that the RSS feed has custom fields and the location is present in those fields like below.

<title>
<![CDATA[ Civil Project Engineer / Project Manager (Mid Level) ]]>
</title>
<link>
<![CDATA[ https://jobs.apcinc.com/jb/Civil-Project-Engineer-Project-Manager-Mid-Level-Jobs-in-St-Charles-MO/11797484 ]]>
</link>
<description>
<![CDATA[ <span><span><strong><span>Job Title: </span></strong><span>Civil Project Engineer / Project Manager (Mid... ]]>
</description>
<guid isPermaLink="false">
<![CDATA[ https://jobs.apcinc.com/jb/Civil-Project-Engineer-Project-Manager-Mid-Level-Jobs-in-St-Charles-MO/11797484 ]]>
</guid>
<pubDate>Thu, 15 Aug 2024 00:00:00 EDT</pubDate>
<job:referencenumber>
<![CDATA[ 11797484 ]]>
</job:referencenumber>
<job:city>
<![CDATA[ St. Charles ]]>
</job:city>
<job:state>
<![CDATA[ MO ]]>
</job:state>
<job:country>
<![CDATA[ US ]]>
</job:country>
<job:postalcode>
<![CDATA[ 63301 ]]>
</job:postalcode>
<job:jobtype>
<![CDATA[ Perm Placement ]]>
</job:jobtype>
<job:category>
<![CDATA[ Engineering ]]>
</job:category>
<job:payrate>
<![CDATA[ 130,000 ]]>
</job:payrate>
<job:requirements>
<![CDATA[ ]]>
</job:requirements>
<job:additionalinfo>
<![CDATA[ ]]>
</job:additionalinfo>
<job:customfilter1>
<![CDATA[ ]]>
</job:customfilter1>
<job:customfilter2>
<![CDATA[ 0 ]]>
</job:customfilter2>
<job:customfilter3>
<![CDATA[ Hybrid ]]>
</job:customfilter3>
<job:repfirstname>
<![CDATA[ Kori ]]>
</job:repfirstname>
<job:replastname>
<![CDATA[ Losack ]]>
</job:replastname>

Can you please let me know which information you need to pick and display?

Thanks,
Aakash

[Aakash Chakravarthy]

Hi Kate,

Thanks for confirming. Glad it helped!

Thanks,
Aakash

[Aakash Chakravarthy]

Hi Simon,

I couldn’t find any workaround for this.

Google stopped printing the source URL in the feed URL, so there is no way to fetch the image and other metadata.

This will be an issue with any RSS Reader.

Any hack to achieve this workaround will be expensive and or will slow down the site.

I’ll still keep you posted on this.

Thanks,
Aakash

[Aakash Chakravarthy]

Hi Kate,

I looked at your site and see that the header is positioned “fixed” with top value 0.

It is expected for the header to overlap that way. Announcer does not know that there is a header which is overlapping.

We can use CSS though as a workaround, but is messy.

I would suggest either of these,

1) Adjust elementor settings and change the header “sticky” offset value from 0 to 50px
2) Move the announcement to the bottom of the screen
3) Move the announcement below the header using the CSS below.

.ancr-group.ancr-pos-top{
top: 100px !important;
}

Thanks,
Aakash

[Aakash Chakravarthy]

Hi Kate,

I tried using VPN and can visit the website now. I see no issues on the page and everything worked well. Looks like the issue is addressed.

Can you please start a new thread to address it if issue persists?

Thanks,
Aakash

[Author]

Posts