www.easytospeakenglish.com

Damn and blast…

After doing so much work on the Lite version I’m reluctant to change ?? But, if I can’t get the ‘shop’ I want, I may have to…

Thanks so much for all your help Faycal ??

And if you get bored, you can help solve my next problem ?? When I click on one of my 6 links in the prices section, it takes me to a page showing the 3 associated products – but the images are blurry.

When one of these 3 products are clicked (to take me to product details) the image I see on the page is clear, and when I go back to the previous page – the images (which were blurry the first time) are now clear…

How do I get the images not to be blurry the first time I see them…?

Hi Christomwebdesign

Thanks ?? But I can’t find that code anywhere…

I can’t see it in my Custom CSS, I can’t see anything called Bootstrap CSS and I can’t see it in my style.CSS…

Should I be looking elsewhere?

Oh my… It worked !! Thank you AGAIN !!

I can’t believe it…! It took three friends and I four days and we couldn’t figure it out…!

?? ?? ??

And now for the FINAL challenge…

How do I change the 6 links in my Prices section into pictures of my products (that will act as a link to show product details)? I’ve searched for a solution, and Plugins, but I have come up with nothing…

Damn, not all the text has come through on the above message… I’ll try sending it again. If it doesn’t come through, and you need it, let me know and I’ll find a way of getting it to you.

PS. The links (and probably the bullet points as well) in my Prices section (AKA ‘Our Focus section’) come from a Woocommerce widget called Product Categories.

<section class=”focus” id=”focus”>

<div class=”container”>

<!– SECTION HEADER –>

<div class=”section-header”>

<!– SECTION TITLE –>

<h2 class=”dark-text”>Prices</h2>
<div class=”section-legend”>Click below to book conversation classes or actual lessons – face-to-face, online or over the telephone ! From only 7,5€ / $7.5 per lesson !</div>
</div>

<div class=”row”>

<ul class=”product-categories”><li class=”cat-item cat-item-28″>Face-to-face: Conversation Classes
<li class=”cat-item cat-item-15″>Face-to-face: Lessons
<li class=”cat-item cat-item-29″>Online: Conversation Classes
<li class=”cat-item cat-item-19″>Online: Lessons
<li class=”cat-item cat-item-30″>Telephone: Conversation Classes
<li class=”cat-item cat-item-17″>Telephone: Lessons

And now, for my biggest issue, which will DEFINITELY be a challenge…

On my website https://www.learnandspeakenglish.co.uk you will see bullet points in the Prices section – but I don’t want them (they appeared automatically)…

I think I know how to remove them from the code – but nobody can find the code…

If I right click and view page source, I can find the code (I have copied and pasted it below) – but I can’t find the code in the Editor – so I can’t amend it… Do you know where it is…?

<section class=”focus” id=”focus”>

<div class=”container”>

<!– SECTION HEADER –>

<div class=”section-header”>

<!– SECTION TITLE –>

<h2 class=”dark-text”>Prices</h2>
<div class=”section-legend”>Click below to book conversation classes or actual lessons – face-to-face, online or over the telephone ! From only 7,5€ / $7.5 per lesson !</div>
</div>

<div class=”row”>

<ul class=”product-categories”><li class=”cat-item cat-item-28″>Face-to-face: Conversation Classes
<li class=”cat-item cat-item-15″>Face-to-face: Lessons
<li class=”cat-item cat-item-29″>Online: Conversation Classes
<li class=”cat-item cat-item-19″>Online: Lessons
<li class=”cat-item cat-item-30″>Telephone: Conversation Classes
<li class=”cat-item cat-item-17″>Telephone: Lessons

You are a STAR !!

Your English is very good (so much so that I don’t think you’ve made any mistakes on this thread), but If you ever need / want to practice speaking (for free) – please, please, please send me a message (on here, or using the contact form on my website) ??

I will now post you a bigger challenge…

Wow, thank you SOOO much Faycal, another success ??

I tried adding the same code to change the button color in the Contact Us section, so it looked like this:

.contact-us .custom-button {
float: right;
margin-right: 15px;
color: #000 !important;
}

But it didn’t work… Do you know what I’ve done wrong…?

Thanks again Faycal, it works perfectly !!

I then tried to change the text colour using:

.separator-one .text {
color: #FFF;
line-height: 34px;
padding: 0;
max-width: 800px;
margin-bottom: 20px;
margin-top: 15px;
}

But it didn’t work ??

I changed #FFF to #F00 and it changed the text colour ABOVE the button – not the text colour IN the button… I’ve searched for the word “separator” elsewhere in the code but can’t find it in relation to a colour.

Do you know where to find it?

Thank you Faycal !!

I put it directly into my child theme and it worked perfectly !!

I can’t find how to change the colour of the button – do you know hopw to do this as well…?

Thank you so much hellowm – it worked !! ??

Thanks Tara.

Hi Alexandra

Thanks for your reply.

I’ve now found some code to change the colour ??

Kind regards,

Peter

Somehow my tinkering with all the above REALLY messed my website up… I’m now able to get back in and modify it, but have had to take out the above changes and i’m back to square one…

If anyone has any idea how I can make modifications to the menu button, by using my child theme (and probably CSS), I am all ears! ??

If I can do it with this, I should then be able to work out how it all works and i’ll be able to make other modifications.

Good morning alsterb

FYI. I pasted it after the text that already existed (which is basically a description of the child theme – that was automatically there when I created the child theme – and ends with a little bit of ‘code’: @charset “UTF-8”;.

Below is what I pasted into my “Zerif Lite Child: Stylesheet (style.css)” (MINUS the code you suggested I erase, and INCLUDES the code you suggested I use in it’s place)

<?php
/**
 * The Header for our theme.
 * Displays all of the <head> section and everything up till <div id="content">
 */
?><!DOCTYPE html>

<html <?php language_attributes(); ?>>

<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="https://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">

<!--[if lt IE 9]>
<script src="<?php echo esc_url( get_template_directory_uri() ); ?>/js/html5.js"></script>
<link rel="stylesheet" href="<?php echo esc_url( get_template_directory_uri() ); ?>/css/ie.css" type="text/css">
<![endif]-->

<?php

if ( ! function_exists( '_wp_render_title_tag' ) ) :
    function zerif_old_render_title() {
?>
<title><?php wp_title( '-', true, 'right' ); ?></title>
<?php
    }
    add_action( 'wp_head', 'zerif_old_render_title' );
endif;

wp_head(); ?>

</head>

<?php if(isset($_POST['scrollPosition'])): ?>

	<body <?php body_class(); ?> onLoad="window.scrollTo(0,<?php echo intval($_POST['scrollPosition']); ?>)">

<?php else: ?>

	<body <?php body_class(); ?> >

<?php endif; 

	global $wp_customize;

	/* Preloader */

	if(is_front_page() && !isset( $wp_customize ) && get_option( 'show_on_front' ) != 'page' ): 

		$zerif_disable_preloader = get_theme_mod('zerif_disable_preloader');

		if( isset($zerif_disable_preloader) && ($zerif_disable_preloader != 1)):
			echo '<div class="preloader">';
				echo '<div class="status">?</div>';
			echo '</div>';
		endif;	

	endif; ?>

<div id="mobilebgfix">
	<div class="mobile-bg-fix-img-wrap">
		<div class="mobile-bg-fix-img"></div>
	</div>
	<div class="mobile-bg-fix-whole-site">

<header id="home" class="header">

	<div id="main-nav" class="navbar navbar-inverse bs-docs-nav" role="banner">

		<div class="container">

			<div class="navbar-header responsive-logo">

				<button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">

				<span class="sr-only"><?php _e('Toggle navigation','zerif-lite'); ?></span>

				<h4>MENU</h4>
 <i class="icon-arrow-down"></i>

				</button>

				<?php

					$zerif_logo = get_theme_mod('zerif_logo');

					if(isset($zerif_logo) && $zerif_logo != ""):

						echo '<a href="'.esc_url( home_url( '/' ) ).'">';

							echo '<img src="'.$zerif_logo.'" alt="'.get_bloginfo('title').'">';

						echo '</a>';

					else:

						echo '<a href="'.esc_url( home_url( '/' ) ).'">';

							if( file_exists(get_stylesheet_directory()."/images/logo.png")):

								echo '<img src="'.get_stylesheet_directory_uri().'/images/logo.png" alt="'.get_bloginfo('title').'">';

							else:

								echo '<img src="'.get_template_directory_uri().'/images/logo.png" alt="'.get_bloginfo('title').'">';

							endif;

						echo '</a>';

					endif;

				?>

			</div>

			<nav class="navbar-collapse bs-navbar-collapse collapse" role="navigation"   id="site-navigation">
				<a href="#content"><?php _e( 'Skip to content', 'zerif-lite' ); ?></a>
				<?php wp_nav_menu( array('theme_location' => 'primary', 'container' => false, 'menu_class' => 'nav navbar-nav navbar-right responsive-nav main-nav-list', 'fallback_cb'     => 'zerif_wp_page_menu')); ?>
			</nav>

		</div>

	</div>
	<!-- / END TOP BAR -->

[Moderator Note: Please post code & markup between backticks or use the code button. Your posted code may now have been damaged by the forum’s parser.]

I really hope you can make sense of it, i’m now getting the same error message when i try to other things…

Thanks. Yep, I have a child theme and it includes a style.css file.

I tried to copy everything in the header file and paste it into the Child them stylesheet, but received this message when I pressed ‘Update File’:

Warning: session_start(): Cannot send session cache limiter – headers already sent (output started at /home/learnan1/public_html/wp-content/themes/zerif-lite-child/functions.php:16) in /home/learnan1/public_html/wp-content/plugins/shortpixel-image-optimiser/wp-shortpixel.php on line 69

Any ideas…?