abreusky

Hi Jeremy,

I am using the custom CSS from Site Origin.

But I guess I’m not finding the correct “selector”, to be able to change it, or the correct “properties”.

I tried the one you told me

sd-social-icon .sd-content ul li a.sd-button:before {
    font-size: 1em;
}

and also others, including this

.sd-content ul li {
    font-size: 1em;
}

but also didn’t work :-/

Do you know why we use “font-size”?

In my case they are the “Icons Only” buttons.

What do you think?

Hi Jeremy!

Yes, I managed to solve it.

There was a custom php code (in the functions.php file) to change the way related posts work. That was causing the grey line to disappear. I thought is would be better if those changes, especially in the thumbnails, were made in Jetpack’s related posts php files. I took a look at the settings and transported them to Jetpack php files. Then the grey line appeared again! ??

Thank you!!

Best!

Hmmmm, I didn’t know these issues!

I’ll try to find someone to fix it for me.

Thanks, Jeremy!

Ah! ok! I was afraid.

thank u Steve!

I’m not sure if I need to care about this.

But I am amazed with the amount of errors that I am getting and I’m afraid these will make difficult for the site to be loaded, or viewed correctly. Or even SEO issues because of these errors.

This is the website, I’m still using mock content, just to see how things are working.

What do you find of really problematic there?

These are:

NIBBLER RESULTS

Code quality: score 2.2

A total of 24 errors and 7 warnings were found on the 5 pages tested.

No pages are W3C compliant. Because there are errors in the code, some web browsers may not be able to read this website correctly and it may not always display correctly.

5 of the pages of this website were found to use presentational HTML elements and/or attributes. It is widely regarded that use of presentational HTML like <font> and <p bgcolor=”#FF0000″> should be avoided.

Internal Links: score 1.4

95 links have no text describing their destination. Links on a page should describe their destination for the benefit of both screen readers and search engine spiders.

Meta Tags: score 2.0

All pages include at least some metadata, but no pages have a description meta tag. The description meta data is important as it appears on Google’s search result pages.

POWERMAPPER RESULTS

These are really bad. They say: 90% pages with issues

Most of them is for accessibility and W3C HTML/XHTML Validation.

What I find confusing is, they tell me in which line the error is, but I’m not sure how to fix it.

When I see a error in a line X, for example. What should I do to fix it? These “pages” are actually generated from the theme, no?

Since some of the issues appear in pages or posts, is the problem coming from the theme itself? O_o

The results from Powermapper are very difficult for me to post here, it’s a lot of information, and I am a bit overwhelmed ??

What do you think?

Hey Jeremy,

I checked it, and it’s true, there are no posts with 2 related posts.

But there are some with no related posts. Although there are several tags in each posts on the blog. Do you think it is possible to make random posts appear if no related is found?

Thanks!

thanks @t-p !

Hey @catacaustic,

thanks for your tips! They helped me fix the problem!

I understood how it works, and from there I fixed it! After a looong day fighting with that “fatal error”. (this name is so funny!)

Thank you!

Best!

Hey, thank you for your reply.

I did that but it didn’t work out :-/

Its strange, because I had worked this way the whole week and nothing had happened.

I did changes on child theme’s style.css, functions.php, header.php, page.php and single.php.

I created the child theme via “Child Theme Configurator”. It creates by default an functions.php file.

I edited this on my local computer and uploaded via ftp, and it was working just fine.

Is there any other possible solution to this?

Hello James,

thank you for your reply.

I did both things and neither worked out. :-/

I will contact Jetpack support!

Thanks!

HEY!!!

Hold on, I replaced one <div> tag and now everything it’s in the right place!!!

THANK YOU SO SO MUCH!!!

I’m really happy now!!! ??

I will just remove the top menu and fix paddings and it will be great!! ??

Thank you guy, I’m so glad with it now! ??

Hey @a2hostinglk,

I did what you said and it worked properly for the menu! But I think I might have misplaced the <div> tags around the search field.

You can check how it looks like at the moment: https://exquisite.style

It has this header.php:

</header>
	<?php
		// Do we have a header image around?
		if ( '' != get_header_image() ) :
	?>
	<div id="header-image">
		<a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="" /></a>
	</div>
	<?php endif; ?>
	<div id="header">
		<div class="clear">
			<h3 id="access" class="clear" role="navigation">
				<?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
			</h3><!-- end #menu --></div>
	<?php get_search_form(); ?>
		</div>
	<div class="middle clear">

I counted the <div> tags and there are a number of 4 (an even number), so I didn’t know if I should add any other or other <div>s.

But it did help! I think we’re almost there! ??

Yes, there is a menu on the top, but I will remove it later, I think it is easier.

Oh, yes, it’s true, I’m not using the title as a header, as in “— Blogum”.

But, you can see that in https://exquisite.style I managed to place the menu below header image, but it is not aligned as the menu on top of header image.

Do you think it is possible to change this small detail? If yes, is this a CSS or a PHP issue?

I actually used a lot of Firefox’s Firebug to help me change this, along with SiteOrigin plugin for WordPress, which offers custom CSS. Somehow Siteorigin was not being able to handle this. I also changed these details on the original header.php file.

Also, do you have any tip about a good CSS customiser plugin for WordPress? O_o

Hello @a2hostinglk,

thank you for your reply!

Yes, I would like the menu and search option below header image, but aligned to the original position, as you can see in https://blogum.wpshower.com/

I didn’t figure out how to do it :-/