oliviaontheriviera

hi Michael
thanks for your reply. Just did this it works but the layout is a bit off, any ideas?
thanks
Olivia

Hi Michael its me again!
Just noticed that the header image no longer sends to my home page when I click it, nothing happens. How can I change that?
Thanks a lot,
Olivia

no. where and how do i do this?
thanks

this does not work. i noticed there is another function php file called inc/functions.php
could this be the issue?

i copied the following at the end of the php file

?>
add_filter( 'the_content_more_link', 'modify_read_more_link' );
function modify_read_more_link() {
return '<a class="more-link" href="' . get_permalink() . '">Plus</a>';
}

Thanks for your reply,
Found this in the codex page => Modify The Read More Link Text
Adding this code to your functions file enables you to customize the read more link text.

add_filter( 'the_content_more_link', 'modify_read_more_link' );
function modify_read_more_link() {
return '<a class="more-link" href="' . get_permalink() . '">Your Read More Link Text</a>';
}

I added it to the child theme functions.php file at the end but it doesn’t work. the code just appeared on the website. Any idea what I’m doing wrong?
Thanks

Hi summerchilde,
Thanks for your reply. I had gotten that far but am not sure in which file would I find the code to change and what would I change it to? (I’m starting out with WordPress) …

thanks

FINALLY WE DID IT! all works now.
Thank you so much for your help Michael. Not sure after all that what was causing the issue exactly but its all good now, working on both desktop and mobile device.
Thank you again!!!

woohoo result! ??
now displays correctly on pc and on mobile but there is a white line on bottom and left side, any idea where that is coming from?

i have:

#headImage {
    display: block;
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
.site-header {
background: url("#") no-repeat scroll center top #000;
background:color: #000;
}

Hi Michael,
there were in fact images in the main theme which ive removed. Now the child theme is active, the header is ok but there is a big white space under, any idea what that may be? And still white bits on the side.
Also, just tried viewing on my smartphone and it still displays 2 headers…

Hi Michael,
1. I did the step above didnt change anything. What I did do however is modify the code you sent me for the header php:
<img src=”https://www.oliviaontheriviera.com/wp-content/uploads/2014/06/oliviaontheriviera-header-180×1200.jpg&#8221; alt=”SandboxHeader.jpg” width=”960″ height=”180″ class=”alignnone size-full wp-image-26″ />
the bold part I changed to alt=oliviaontheriviera-header-180×1200.jpg and width=1200 and not 960
Looks better now but there is a big white blank below the header.
2. There are no other css files in the child or parent theme.
3. No .site-header code in header.php or page.php
4. Like I said before, there is a custom header php file in the parent theme could this be overriding? I did find the following line in it:

.site-header {
			background: url(<?php header_image(); ?>) no-repeat scroll top;
		}

didnt find that code in the style.css sheet.
added
.site-header {
background-color: #000;
}
to my child style.css
i don’t see any difference….

should i delete this in the parent theme header css?

still looks strange: this is the code :
`/*
Theme Name: Suits Child
Theme URI: https://www.themeweaver.net/demo/suits-child/
Description: Suits Child Theme
Author: Theme Weaver
Author URI: https://www.themeweaver.net/
Template: suits
Version: 1.0.0
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: suits
*/

@import url(“../suits/style.css”);

/* =Theme customization starts here
————————————————————– */
#headImage {
display: block;
float: none;
margin: 0 auto;
text-align: center;
width: 100%;
}
.site-header .home-link {
display: block;
margin: 0 auto;
max-width: 100%;
min-height: 0px;
text-align: center;
text-decoration: none;
width: 100%;
}