[themerParticipant]

Ok, that added a line at the bottom of the post saying:

How to play the guitar was last modified: September 22nd, 2015 by John Smith

I’m already showing this info on the normal X meta, below the title. Is there a way to place this new line below the title, replacing the meta info?

Thanks!

[ZeshanMember]

Hi there,

That could technically be possible with deep template customization, but regretfully would fall beyond the scope of support we can provide. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

Thanks for understanding.

[themerParticipant]

What if I hide it with CSS. Will the fix still work?

[ZeshanMember]

Hi there,

I wouldn’t suggest hiding it with CSS, instead, you could try reducing it’s font size to a very small size. You can do that using following CSS code under Custom > CSS in the Customizer:

.hatom-extra {
   font-size: 10px;
}

Adjust 10px to increase/decrease the font size.

Thanks!

[simplefitParticipant]

hello! thank you for this forum. after implementing both css and functions.php files, i notice that the results are visible on the page .. is there a way of implementing this fix without the results being posted at the bottom of every page – it looks horrible to have the results posted on pages. thank you kindly!

[Rue NelModerator]

Hey @SimpleFit,

Thanks for updating this thread! I have responded your other thread. For the meantime, to implement the mentioned fix without the results being posted at the bottom of every page you can add the following code in your customizer, Appearance > Customize > Custom > CSS

.hatom-extra {
   display: none;
}

Hope this helps. Kindly let us know.

[themerParticipant]

@Rue Nel
I’m using that CSS, and it only works on bigger screens, as soon as you go mobile or use a smaller browser window it starts showing again.

I even tried

.hatom-extra {
   display: none !important;
}

But it still shows in mobile.

Any fix?

Thank you

[Rue NelModerator]

Hello There,

The code should always work in any screen sizes. I narrowed down the issue and it turns out that you have an invalid @media css that affects all your custom css code. @media blocks should always be at the bottom of all your custom css.

Please sort out the missing curly brace in your css to resolve this issue.
Please let us know how it goes.

[themerParticipant]

Oh wow Rue, great find!!

Would you le me know where the closing curly brace should go? I think that’s a code that one of you guys provided. I don’t want to mess it up.

Also, do I needo to move that footer custimization to the bottom of the custom css code?

Thank you very much for your time and effort!! 🙂

[LelyModerator]

Hi There,

If the code came from us, please check that thread. It should give you a clear view on where the end curly brace should be.

@media (min-width:979px){
/*This CSS means that all custom CSS added in between the open and close curly brace will only be applied if the screen size min width is 979px. Since it closing curly brace is missing on your CSS all custom CSS below the open curly brace will be implemented only when screen size min width is 979px */
}

If you’re still not sure, please check the below image on where to add the closing curly brace:

Then check if everything is working as expected. We can put the media queries anywhere as long as the closing curly bracket is not missing.

Hope this helps.

[themerParticipant]

You guys fixed it!! Thank you!

You should include a thank you or like button on the forum entries.

Thanks a lot for the great support!! 🙂

[JadeModerator]

You’re most welcome. 🙂

[Author]

Posts