ErnestClose

Yes, to change only one, you have to be very specific within your css.

Hi James,

For the underlined links add this:

.entry-content a {
text-decoration: none;
}

As for the borders, they are set on h4 headings and you have an empty h4 heading at the top making it appear like a line. Go to that post with ID 32 and in the text editor remove the extra empty <h4></h4> tags. You might have put them there by accident or to create space, in which case you can put empty p tags instead.

Let me know if it works.

Regards

Ernest Close

Hi Selvam, in you functions.php page remove that code and use this code instead:
for the js.

add_action( 'wp_print_scripts', 'deregister_cf7_javascript', 100 );
function deregister_cf7_javascript() {
    if ( !is_page(100) ) {
        wp_deregister_script( 'contact-form-7' );
    }
}

for the css.

add_action( 'wp_print_styles', 'deregister_cf7_styles', 100 );
function deregister_cf7_styles() {
    if ( !is_page(100) ) {
        wp_deregister_style( 'contact-form-7' );
    }
}

in both functions change 100 for the id of your contact page or use the slug of the contact page. If you have more than one page with forms on them you can add the ID’s or slugs like this. (100,101) or (100,’contact-us’)

Let me know if this worked.

Regards

Ernest Close

Hi Selvam, according to the code in your pastebin you have two opening php tags. Removing the one on line 8 should solve your problem. The code looks good, so I think it’s only the <?php tag on line 8.

Let me know if this helped.

Regards

Ernest CLose

Hi James, yes you can do it by setting the styles on that specific widget. In your child theme add this to your css:

#image-10 {
    text-align: center;
}
#image-10 img {
    margin-top: 12px;
}

Let me know if that worked for you.

Kind Regards

Ernest Close

Hi James, glad it worked.
For functions you can create an empty functions.php file and include only the functions you need and they will be loaded before the other functions, but you cannot create functions with the same name except if they are wrapped in “if ( ! function_exists())” statements.

As for other pages you can copy the whole page to the child theme and then modify only what you need, but keep the directory structure intact.

You can read more about it here: https://codex.www.ads-software.com/Child_Themes
and here: https://www.wpthemedetector.com/add-functions-to-your-wordpress-child-theme-1/

Hope it helps.

Regards

Ernest Close

You’re welcome Karsten, glad it helped.

Oh, for specific pages you can hide the title with the page ID like this:

.page-id-6 .entry-title {
    display: none;
}

Then the page title will be hidden for page with id 6. You can get the page id’s on the body tag.

Regards

Ernest CLose

Always a pleasure.

Always a pleasure.

Hi Marco, Add this to your custom css:

#header {
	background:     url(https://content.screencast.com/users/ErnestClose/folders/Jing/media/0bbad278-f3ee-4af4-9b22-dfa556f96392/Formentera.jpg) no-repeat center;
}

Just swap the url() link with your own image or for color do this:

#header {
	background-color: #66CCCC;
}

Here is a screenshot showing the image.
https://www.screencast.com/t/60ooucv4N

Let me know how it works for you.

Regards

Ernest Close

Hi CharmGarage, If the theme does not have the option to change the fonts you can do it by using a child theme or a custom css plugin. Putting style changes in there will give them a higher priority and your styles will not be overridden when the theme updates. Let me know if this works for you.

Regards

Ernest Close

Hi Marco, do you have a link to the site? You can add it with css, either in a child theme or with a custom css plugin. That way you will not lose your changes if the theme updates.

Always a pleasure.

If you don’t have a child theme where you can add css changes you can get a custom css plugin and then apply these changes there. This way you will not lose your changes when the theme is updated. In your custom css plugin add these styles:

.page-id-695 .post-title {
	display: none;
}

.page-id-695 .post-inner p.post-meta {
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

.page-id-683 .post-title {
	display: none;
}

.page-id-683 .post-inner p.post-meta {
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

You will notice I used the page ID to specify the page, otherwise none of the titles will show. I also added styling for .post-inner p.post-meta otherwise the border still shows with some spacing. I only did the first two pages, you can try the last one. I got the ID by right click on the page and going to inspect element. The ID is on the body tag. Copy my code and add the other page ID’s to do this for more pages.
Here is a screenshot of what it looks like. https://www.screencast.com/t/ea5s9150r3w1
Let me know if this works for you.

Kind Regards

Ernest Close