[Mahesh]

@kataka-publishing:
1) Spacing: This issue is because you are using big fonts for headings and the more content text. Please limit the text.

2) Text Coloring: Use custom CSS for this. Go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:

#header-highlights-content .large-featured-image .entry-container {
    color: #fff;
}

@media screen and (max-width: 909px) {
    #header-highlights-content .entry-container {
        color: #fff;
    }
}

3) Add the following CSS:

.site .more-button a:hover, .site .more-button a:focus, .reply a:hover, .reply a:focus {
    background-color: #00ff00;
     border-color: #00ff00;
}

#header-featured-image .more-button a:hover, #header-featured-image .more-button a:focus, #feature-slider .more-button a:hover, #feature-slider .more-button a:focus {
    background-color: #00ff00;
    border-color: #00ff00;
}

4) This option is for Header Hightlight’s Small Content’s text color.
In your case: All header highlight contents except The Cost of Organic

Regards,
Mahesh

[Mahesh]

@mariustodor: Go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:

1. The Hover/mouse over color of the navigation “dots”(Buttons below)

#feature-slider .cycle-pager span:hover, #feature-slider .cycle-pager span:focus, #feature-slider .cycle-pager span.cycle-pager-active {
	color: #ff00ff;
}

2. The navigation arrows within the Featured Slider

#feature-slider .cycle-prev:hover, #feature-slider .cycle-prev:focus, #feature-slider .cycle-next:hover, #feature-slider .cycle-next:focus {
	background-color: 00ff00;
}

3. As well the Button colors HIER MEHR ERFAHREN >> within the Hero Content

#promotion-message .right a, #hero-section .readmore a {
    background-color: #00ff00;
}

4. Mouse over Text in Portfolio…

#portfolio .hentry .entry-title a:hover, #portfolio .hentry .entry-title a:focus, #portfolio .hentry .entry-meta a:hover, #portfolio .hentry .entry-meta a:focus {
	color: #00ff00;
}

5. Pulldown Mainmenu mouse over color >>

.nav-primary .menu li a:hover, .nav-primary .menu li a:focus, .nav-primary .menu li:hover > a, .nav-primary .menu li:focus > a, .nav-primary .menu .current-menu-item > a, .nav-primary .menu .current-menu-ancestor > a, .nav-primary .menu .current_page_item > a, .nav-primary .menu .current_page_ancestor > a {
    color: #00ff00;
}

Note: Please use the desired color.

Regards,
Mahesh

[Marius]

Thanks a lot Mahesh,

for your fast reply.
I would like to change the following:
1. The Hover/mouse over color of the navigation “dots”(Buttons below)
2. The navigation arrows within the Featured Slider
3. As well the Button colors HIER MEHR ERFAHREN >> within the Hero Content
4. Mouse over Text in Portfolio…
5. Pulldown Mainmenu mouse over color >>

All to be changed from default I guess #ff6666 to orange #cc6600
>> test.rhythmschool.de

I hope my description is comprehensible enough. ;o)

Thank you for your help and best regards

Marius

[Mahesh]

@mariustodor: I guess it will, let me know if I could be of any help on that.
And for the other one, the navigation buttons on the featured slider, well there is no option in the customizer to change that but you can add Custom CSS. What do you actually want to do or change? Let me know and I’ll provide you the required CSS.

Regards,
Mahesh

[Pratik]

Add following code in your child theme’s functions.php file:

/**
 * Function to move slider above primary menu
 */
function clean_journal_child_move_slider() {
    remove_action( 'clean_journal_before_content', 'clean_journal_featured_slider', 10 );
    add_action( 'clean_journal_after_header', 'clean_journal_featured_slider', 19 );

}
add_action( 'init', 'clean_journal_child_move_slider' );

Let me know how it goes.

Regards,
Pratik

[Marius]

Hi Mahesh, an other issue of mine with Parallax Pro is that the mouse over color of the navigation “dots”(Buttons below) and of the navigation arrows within the Featured Slider can´t be changed within the Customizer. As well the Button colors within the Hero Content and Text in Portfolio… >> test.rhythmschool.de
Can you help me on this? Thank you & best regards Marius

[Mahesh]

@kataka-publishing: For this you’ll need to create a child theme for this. You can find more on creating child theme HERE.

function helena_child_flush_post_transients(){
	delete_transient( 'helena_header_highlight_content' );
	delete_transient( 'helena_featured_slider' );
	delete_transient( 'helena_hero_content' );
	delete_transient( 'helena_featured_content' );
	delete_transient( 'helena_portfolio' );
	delete_transient( 'helena_logo_slider' );
	delete_transient( 'helena_promotion_headline' );
	delete_transient( 'all_the_cool_cats' );
	delete_transient( 'helena_categories' );
}
add_action( 'save_post', 'helena_child_flush_post_transients' );

This will be fixed in the next update.

Regards,
Mahesh

[Mahesh]

@banno2000: Thanks got it. For this you’ll need to create a child theme for this. You can find more on creating child theme HERE.

function helena_child_flush_post_transients(){
	delete_transient( 'helena_header_highlight_content' );
	delete_transient( 'helena_featured_slider' );
	delete_transient( 'helena_hero_content' );
	delete_transient( 'helena_featured_content' );
	delete_transient( 'helena_portfolio' );
	delete_transient( 'helena_logo_slider' );
	delete_transient( 'helena_promotion_headline' );
	delete_transient( 'all_the_cool_cats' );
	delete_transient( 'helena_categories' );
}
add_action( 'save_post', 'helena_child_flush_post_transients' );

This will be fixed in the next update.

Regards,
Mahesh

[Mahesh]

@pablo-juan: Go to Dashboard=> Appearance=> Customize=> Featured Slider and select Homepage/Frontpage in Enable Slider on option. Then select Featured Page Slider in Select Slider Type option. Then select the page you want to put in as slider from the drop downdown options.
https://catchthemes.com/theme-instructions/clean-journal/#enable-featured-slider

Since you are using Free version of the theme, only Page can be used as slider. If you want to use Post or custom image in slider, I recommend you to upgrade to Pro version.

Regards,
Mahesh

[Mat]

I can confirm joshua’s #2 problem. I’ve had the same ever since installing the theme.

I’ve used different PCs and devices, emptied their caches again and again, and used cache-blocking brower extensions. I’ve also confirmed that I don’t have any caching plugins installed, purge Cloudflare’s cache frequently and set it to straight-through development mode. Nothing helps.

Changes to the text of posts updates correctly. But changes to images frequently don’t. Currently one of my feature images is not being showed with the correct dimensions. The WP media library shows me that it is good for every size (e.g. helena-slider), but an older version of the photo appears on the home page and as the feature image at the top of the post.

I removed it so that the post had no feature image. After publishing the update, clearing all caches etc. the image no longer appears at the top of the post, but still appears unchanged on the homepage (in the featured slider and the header highlight content).

[Pratik]

Hi Casper,

Can you let me know what are the settings saved in Appearance=> Customize=> Featured Slider=> Slider Options?

I want to use the same setup in mine to replicate the issue.

Regards,
Pratik

[grizzlybeardontcare]

So I got the background issue fixed…but the featured post slider is functioning in the customize window, but not when the site is live. I will share pictures soon if I can’t get it worked out.

[mr.create]

@mahesh

An example:

I’ve 4 sites (Home, Picture, Story, Contact) in my wordpress webseite. Now I have generated an Slider (Featured Slider) for Picture, Sotry and Contact, so I have 3 sliderimages and it works. Now I want do add Homesite to the featured Slider, that I’ve at the end 4 sliderimages, but i can’t chose Home by Fetured Slider Options. Why?

Regards!

[Pratik]

Hi @webtrader,

Add following code in your child theme’s functions.php file.

/**
 * Modify parent slider option to randomize the slider
 */
function helena_featured_slider() {
	//helena_flush_transients();
	global $wp_query;

	$enable_slider = apply_filters( 'helena_get_option', 'featured_slider_option' );

	// Get Page ID outside Loop
	$page_id = $wp_query->get_queried_object_id();

	// Front page displays in Reading Settings
	$page_for_posts = get_option( 'page_for_posts' );

	if ( 'entire-site' == $enable_slider  || ( ( is_front_page() || ( is_home() && $page_for_posts != $page_id ) ) && 'homepage' == $enable_slider  ) ) {
		if ( ( !$output = get_transient( 'helena_featured_slider' ) ) ) {
			echo '<!-- refreshing cache -->';

			$output = '
				<section id="feature-slider">
					<div class="wrapper">
						<div class="cycle-slideshow"
						    data-cycle-log="false"
						    data-cycle-pause-on-hover="true"
						    data-cycle-swipe="true"
						    data-cycle-random="true"
						    data-cycle-fx="' . esc_attr( apply_filters( 'helena_get_option', 'featured_slider_transition_effect' ) ) . '"
							data-cycle-speed="' . esc_attr( apply_filters( 'helena_get_option', 'featured_slider_transition_length' ) ) * 1000 . '"
							data-cycle-timeout="' . esc_attr( apply_filters( 'helena_get_option', 'featured_slider_transition_delay' ) ) * 1000 . '"
							data-cycle-loader="' . esc_attr( apply_filters( 'helena_get_option', 'featured_slider_image_loader' ) ) . '"
							data-cycle-slides="> article"
							>

						    <!-- prev/next links -->
						    <div class="cycle-prev"></div>
						    <div class="cycle-next"></div>

						    <!-- empty element for pager links -->
	    					<div class="cycle-pager"></div>';

	    					$select_slider 	= apply_filters( 'helena_get_option', 'featured_slider_type' );

							// Select Slider
							if ( 'demo-featured-slider' == $select_slider ) {
								$output .= helena_demo_slider();
							}
							else if ( 'featured-post-slider' == $select_slider || 'featured-page-slider' == $select_slider || 'featured-category-slider' == $select_slider ) {
								$output .= helena_post_page_category_slider();
							}
							elseif ( 'featured-image-slider' == $select_slider  ) {
								$output .= helena_image_slider();
							}

			$output .= '
						</div><!-- .cycle-slideshow -->
					</div><!-- .wrapper -->
				</section><!-- #feature-slider -->';

			set_transient( 'helena_featured_slider', $output, 86940 );
		}
		echo $output;
	}
}

If this does not work, then I will need your site url. Let me know and I will email you to get the details for site url.

Regards,
Pratik

[Sakin]

@mtp525: The option to change the header image position is there in Catch Base Pro theme. In Pro version, you will get option “Featured Header Image Position” where you can select from “Before Header / Before Menu / After Menu / After Slider”. You can check out more about additional features in Pro version at https://catchthemes.com/theme-instructions/catch-base-pro

If free version, if you want your logo to be at the top full width then you need to upload logo of at least 1200px width, then add the following css in “Appearance => Customize => Additional CSS”. But this is not recommended way to do it.
#masthead, #masthead .wrapper, #site-branding { padding: 0; }

[F]

Hi Pratik,

I’ve created a demo site so you can see the issue I’m trying to resolve:

https://sfurbanfarm.com/

If you look at the Featured Slider at the top of the homepage, you will see that the excerpt appears but not the button that says Continue Reading. In the Helena Pro demo, the Featured Slider shows the excerpt plus the linked button. How do I achieve this for posts that are on the Featured Slider?

Thanks!

[marie21]

Good morning Mahesh,

Sorry for confusing you.

My first problem is (actually it´s mayby my misunderstanding) if I use featured-page-slider and name the page in the title-line for example “Slider1” than normally the “slider1″ is be shown in the code if I check the side – right?!?
But unfortunatelly the title=”” is still empty and the alt=”” as well.

[omradiocom]

Many thanks Mahesh,
It worked.
The client then asked me for a couple of things that maybe you can share without much hassle.
1. If I wanted to reduce the size of the “featured slider” to 1000px wide and use the second side to insert another widget (already named in the funtions as ‘twitterfeed’, where would that best be done?
2. If I wanted to add an additional instance of a logo and large widget as a strip above the “fullframe-featured-slider” what would the best way to do that be? do it in the header.php near your ‘do-action’ statements or in another location?
last
3. If I wanted to have the 6 “featured content” items BELOW the content, is it best to simply remove it from the “fullframe_before_content” and place it in “fullframe_after_content”? or is there another way? And same thing, adding one additional Widget to that strip too.

Thus the total row list would be:
1. header strip at top (fixed-header)
2. Logo / Banner widget
3. Fullframe-slider/widget
4. Content/Primary Widget
5. Featured Content/Boxes – Widget
6. Footer

Make sense?
I’m having a dig at the code anyway, so maybe I’ll figure it out.
Thank you.
C
(trying to get client to put in some $ for pro theme. Have to get their answers all done first. “can you, can we, can it” time)

[Mahesh]

@themecatcher:
Go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:
1. I want to remove the buttons in the left and right side of the slider which allow to switch between the slider images

#nav-slider .nav-previous, 
#nav-slider .nav-next {
    display: none;
}

2. I want to change the border thickness and color of the border which surrounds the sliding images

#slider-wrap a, 
#slider-wrap .featured-img span, 
.one-column #slider-wrap a, 
.one-column #slider-wrap .featured-img span {
    padding: 50px;
}
  
#slider {
    background-color: #ff00ff;
}

Note: Please change the color and thickness as per required.

Regards,
Mahesh

[Pratik]

Hi @F,

Ah, sorry, I mixed up Featured Content and Featured Slider. The Slider takes Excerpt by default.

Regards,
Pratik