[OliverJames]

Hi

I have just installed the Clean Journal theme and its great!

I have a slight issue with it though. The header-top area is displaying the default text “This is Header Top Area. Assign Header Top Menu and Social Icons from Theme Customizer”.

I do not want to add any social icons to this area, but I would like to change the text above. Is this possible?

Thanks!

[Mahesh]

Hi OliverJames,

The feature you are interested is already built-in in Pro version, so I recommend you to upgrade to Pro version.

But if you want to change the header text in free version instead, follow these steps.
1. Create child theme, you can find more details on creating child theme HERE.
2. In child theme’s function.php add the following code:

function clean_journal_header_top() {
		if ( '' == ( $clean_journal_social_icons = clean_journal_get_social_icons() ) && !has_nav_menu( 'header-top' ) ) { ?>
			<div id="header-top" class="header-top-bar">
		        <div class="wrapper">
		            <div class="header-top-left full-width">
		                <section id="widget-default-text" class="widget widget_text header_top_widget_area">    
		                    <div class="widget-wrap">
		                        <div class="textwidget">
		                            <p><?php _e( 'Sample Text', 'clean-journal' ); ?></p>
		                        </div>
		                    </div><!-- .widget-wrap -->
		                </section><!-- #widget-default-text -->
		            </div><!-- .header-top-left -->
		        </div><!-- .wrapper -->
	    	</div><!-- #header-top -->
		<?php 
		}
		else { 
			if ( '' != ( $clean_journal_social_icons = clean_journal_get_social_icons() ) && has_nav_menu( 'header-top' ) ) { 
				$classes = 'normal-width';
			}
			else {
				$classes = 'full-width';
			}
			?>
			<div id="header-top" class="header-top-bar">
				<div class="wrapper">
					<?php if ( has_nav_menu( 'header-top' ) ) { ?>
						<div class="header-top-left <?php echo $classes; ?>">
							<?php clean_journal_header_top_menu(); ?>
						</div>
					<?php
					} ?>
			       	<?php if ( '' != ( $clean_journal_social_icons = clean_journal_get_social_icons() ) ) { ?>
			       		<div class="header-top-right <?php echo $classes; ?>">
							<section class="widget widget_clean_journal_social_icons" id="header-right-social-icons">
								<div class="widget-wrap">
									<?php echo $clean_journal_social_icons; ?>
								</div><!-- .widget-wrap -->
							</section><!-- #header-right-social-icons -->
						</div><!-- .header-top-right -->
					<?php 
					} ?>
			    </div><!-- .wrapper -->
			</div><!-- #header-top -->
			<?php
		}
	}

Note: Please replace “Sample Text” in the above code with your desired text.

Regards,
Mahesh

[OliverJames]

Thank you very much! I will give that a try!

[Author]

Posts