@soyd, you can do it with CSS. Please post a link to the page in question.
Thread Starter
soyd
(@soyd)
Thanks tizz 🙂
Here’s a link to the page: http://www.sleepofyourdreams.com/
It’s near the top of the website under the heading: ‘TROUBLE SLEEPING?’
You can see the featured post image with the text burnt into the image and the automatically added post text displayed underneath, this is the text I’m trying to remove.
Don’t suppose you know if it would it harm my SEO if I manage to remove it?
Thanks
@soyd To get rid of that title, put this line in your child-theme or theme Custom CSS:
.portfolio-list h3 {display:none;}
Anyway when you enter the article the title is still there, so to remove that too you have to add:
.entry-header h1.entry-title {display:none;}
Yet in this way I think that all of h1 titles are hidden, so check if it’s OK. If not, you can try a more specific rule:
.entry-header h1.entry-title.no-date {display:none;}
So any of the two you choose, eventually it will be:
.portfolio-list h3, .entry-header… {display:none;}
However next time post on the right forum, THIS is the forum of your theme.
I’m not the right person to ask about SEO because I give more relevance to the user experience rather than any other thing (not that I don’t try to follow basic SEO rules anyway).
Ask in a more appropriate forum (a SEO forum), but anyway in the article page you have the title in the URL and you have it in the title tag, so I think it’s enough.
You should be more worried about the JQuery issues, maybe due to a caching plugin. Check with the developer tools, in Chrome or Firefox.
Thread Starter
soyd
(@soyd)
Thanks Tizz & apologies for picking the wrong forum.
I’ve entered all variations of the code into the themes custom CSS but nothing happened. Would it be best for me to go straight to the forum for my theme?
Appreciate your help.
Try to clear the site’s and browser’s caches completely. I’m pretty sure it should work because by trying with Firebug it works. Maybe an ancestor element is needed but yes, if it’s not the cache, ask the author.
Hi Soyd,
Where did you enter the css actually?
Just because you are saying custom-css I’m curious…because there is some section where you can add custom css for the footer.
Best place, your child-themes style.css
I’ve also checked the rule from tizz and it should work.
.portfolio-list h3 {display:none;}
You could try this in your style.css if it still doesn’t work:
#section-94 .portfolio-list h3 {display:none;}
Sometimes it helps to add another (ancestor) element (be a bit more specific) to override a rule like tizz said.
Thread Starter
soyd
(@soyd)
Hi MrSlartibartfast,
I’ve tried the css you mentioned and that didn’t work either.
I entered the code in ‘appearance’ – ‘theme options’ – ‘custom css’.
I’ve also made a child theme and pasted all the code into ‘appearance’ – ‘editor’ – ‘style.css’, no change there either.
Posted a query in the correct parallax thread a couple of days ago too, but haven’t heard anything back.
Thanks for having a look though.
@soyd It is definitely a cache problem, likely due to some plugin.
As mentioned before you have a “jquery not defined” issue, mostly due to caching and/or optimization plugins (one or more that move, defer, cache or minimize your files) and you should first worry about that, probably the source of the problem you described and other issues that you don’t see now but that are there.
Use Firebug or Chrome inspector console and do the usual internal test to find the cause, i.e. disable all plugins at once and activate a Twenty series default theme, just to see if the issues are solved, as expected. From there, activate one by one plugins and theme and check until you find the culprit.
Anyway as said I think the source is that kind of plugin mentioned above, so you should start from there.
Hi again,
Sorry that didn’t help. The css-rule should be sound..
The place you mention would be the right place to add ( ‘appearance’ >> ‘editor’ >> ‘style.css’ )
I’ve checked your website again now and the css is coming from a strange place (i haven’t seen that yet). from this folder:
wp-content/cache/minify/000000/someWierdFilename.css
@mrslartibartfast – it’s not strange, the name of that file is the minified file of a cache plugin.
Edit: And no, “editor” it’s not – never – the right place to put any modification (it’s only for experts).
The right places are theme’s Custom CSS (if is present), where he actually put the code, or the child theme’s stylesheet via FTP after a file backup.
The problem here isn’t the place, it’s the cache, as said.
Thread Starter
soyd
(@soyd)
Thanks both for looking into this.
So I’ll take your advice about worrying about the “jquery not defined” issue first.
I’m a bit of a novice with it all as you’ve probably gathered, so have a few questions if that’s alright? (Have been trying to look up the answers myself but nothing seems to be helping).
Can I ask a few questions:
Is the “jquery not defined” issue, the same problem as “Remove query strings from static resources” error message I’m getting when checking gtmetrix?
How do I sort this? I’ve tried a few things. I downloaded a plugin called “Remove query strings from static resources”. That didn’t work.
I was advised to paste this code:
function _remove_script_version( $src ){
$parts = explode( '?ver', $src );
return $parts[0];
}
add_filter( 'script_loader_src', '_remove_script_version', 15, 1 );
add_filter( 'style_loader_src', '_remove_script_version', 15, 1 );
Into functions.php which just broke my site. (I suspect because it didn’t say where to paste it so I just stuck it at the bottom and hoped it was right).
I know you guys have me to download firebug, which I have, but I don’t really know how to use it.
What should I do next?
Thanks,
Hi Soyd,
I’m sorry with this I’m out of my comfort zone 😉 I haven’t dealt with an issue like that yet, so I can’t give you good advice.
@tizz: usually I would also recommend to update the child themes style.css on your computer and ftp it to the server. but on checking the location – appearance >> editor >> style.css it looks like you are editing the child themes style.css there directly, so I would think thats ok.
Edit: thanks for the minified style explanation.
Cheers & good luck!
@soyd “Remove query strings” has nothing to do with “jquery not defined” issue, and both are likely not theme-related.
You must stick within the topic that you have opened, for any other question you have to open another topic in the right forum here (and link to your source if you mention some scripts).
For all the rest, I have already answered you. As I said you have to clear the cache (due to some plugin) completely.
If it does not work you have to debug as already described above, and this also applies to the undefined jquery issue.
do the usual internal test to find the cause, i.e. disable all plugins at once and activate a Twenty series default theme, just to see if the issues are solved, as expected. From there, activate one by one plugins and theme and check until you find the culprit.
Anyway as said I think the source is that kind of plugin mentioned above, so you should start from there.
I also have the impression that you have had different cache plugins, either alone or, worse, at the same time.
If you have deleted some, chances are you haven’t done the right way.
Find the information in the web to completely delete the cache plugins no longer used by you.
@mrslartibartfast yes, in appearance >> editor >> style.css you can find child theme’s style if you have activated it, but from there one tend not to do a backup of the file before modifying it, and that’s the reason why I don’t recommend it for non-experts.
Thread Starter
soyd
(@soyd)
Thanks Tizz,
I’ll stick to the original topic.
I’ve opened and deactivated all my plugins, checked firebug for errors. I saw the ‘jquery not defined’ issue you mentioned so followed the deactivating all plugins and using twenty fifteen theme and noticed the jquery not defined issue had gone. So I assumed that would solve the caching issue and I would be able to input the code and remove the title from the portfolio image.
But when I tried the various codes mentioned above, including: ‘.portfolio-list h3 {display:none;}’
in both custom CSS and my child theme CSS. The title still remained on the portfolio image. I also made sure I deactivated all the cache plugins properly through their individual settings before deactivating them.
Would this suggest that the problem isn’t a caching issue?
Read with attention, please. My english isn’t so good, but I think it’s enough clear.
You are wrong in:
– Not completely empty the site cache made by – don’t know what nor how many – plugins you have installed. Usually there is a botton for this, it isn’t difficult.
– Using more than one plugin of the same type: it’s almost sure that they conflict with each other, so it’s wrong to use more than one cache and/or optimization plugin, unless you know how to configure to make them compatible. Decide to keep only one and delete the others of the same type.
– Not proceeding with the complete removal of the cache/optimization plugins that you don’t and shouldn’t use no more, following the instructions for each plugin. Caching plugins don’t requires deletion only from dashboard, you have also to remove residual folders or files on the server and remove the define in .htaccess. Read the instructions that you can find on the web for any of them.
– Writing the same CSS rule more than once in more places. It has to be written only once in one place. Who told you to write it twice?
These are all things already said, and they are the first things you should have done.
The debug with no plugins and the default theme in this case is useful to understand where is the jquery error, then you must proceed as said above until you find the culprit.
The complete cleaning of the site cache instead it’s to see whether is the cause to the failed CSS changes.
The title still remained on the portfolio image
What? The CSS rules are for the title printed by the theme – does not change the image of course – and it is closely related to the theme, you can not apply them on another theme.
