What is the best place to add classes and media queries to the H2 font size on custom headlines.
They look ok on desktop but not on mobile, way to big.
I have added classes in the cornerstone editor so its just the CSS really I need.
Originally I thought the fonts were responsive these custom headlines do not appear to be.
Hey,
Thank you for writing in!
To add a custom class in the headline, in the element fields, you`ll see this field: http://prntscr.com/g3962v
And to change the title size on mobiles, use a custom code like here:
@media screen and (max-width:769px) {
.yourCustomClass {
font-size: 12px !important;
}
}
Thanks Jon, I’ll try applying that principle CSS on the pages CSS panel on the left in cornerstone.
Hi There,
Instead of a custom CSS, please utilize the Responsive Text Settings instead.
Play with the Compression, Minimum size, and Max size setting until you get the desired look both on desktop and mobile.
Hope it helps,
Cheers!
Thanks guys really good to see there is a couple of options.
The CSS one worked for me on the home page.
I’d like this page to also have responsive text.
http://sds-shots-co-uk.stackstaging.com/home/events/
On the ‘Coming Soon’ headline and text below it.
I was trying to put the colours of the bottles onto the Accordian headings background is it possible.
The only class I can see is .x-accordion-heading .x-accordion-toggle.collapsed ?
This is the page http://sds-shots-co-uk.stackstaging.com/home/saintsinner/
Hello There,
Thanks for updating in! Have you check out the responsive text settings already (https://theme.co/apex/forum/t/shortcodes-responsive-text/174/1)? To make this page http://sds-shots-co-uk.stackstaging.com/home/events/ responsive, please use .h-callout and .p-callout as the selectors.
To add some colors in your accordion header, you must add a custom class in each of the accordion items first and then use a custom css like this:
.red .x-accordion-toggle,
.red .x-accordion-toggle.collapsed {
background-color: red;
}
.green .x-accordion-toggle,
.green .x-accordion-toggle.collapsed {
background-color: green;
}
Please check out my example:
Hope this helps. Please let us know how it goes.
Hi @RueNel
Oh dear please help the website seemed to completely corrupt today.
I was about the login and change the CSS before launching the site tomorrow !
Hope it can be restored many days worth of work went into the website.
Kind Regards
Matt
Hi There,
Please check in with your hosting provider first. I am seeing 500 internal server error which they can diagnosed more clearly. They can help you with that. If it’s really corrupted they can load a backup of your site.
Hi There
I have emailed there support no answer yet.
What can I do if there is no backup of the site ?
Kind Regards
Matt
Hi Matt,
You have to assess which part is corrupted. If it’s just wordpress core files or theme files, it can be uploaded again. In case, it’s database, check if you can repair the tables. I am not sure of the complexity of the issue here. Since this is not a theme issue, it would be better if you will consult a developer to do this for you in case you are not comfortable doing this stuff. Thank you for understanding.
Hi
To let you know the hosting company is still looking at they have restored the data from before the date we noticed the site had issues. They are copying the data to a placeholder domain to see if the site will work again. I have done all the site development it took me like 30+ hours I really don’t want that lost. At this stage its not possible to establish where the corruption is really I think thats fair to say. But I did notice and report issues with Cornerstone immediately when I saw them.
Kind Regards
Hello There,
As long as your changes were saved in the database, you will not lose any piece of data. This error may have been triggered after you installed a plugin or server configuration settings were changed. Please test for a plugin conflict by renaming or removing your plugins one by one. You can do it manually by renaming or removing the plugin in the plugins folder.
Please let us know how it goes.
Hi
Please can you help us we have restored the database and Public_html to a new location and URL.
There are no posts or pages it looks like a blank Wordpress ?
Any help please ?
Kind Reagrds
Hi
Also all our media files have gone too ?
Where would these be in the old location / database ?
Kind Regards
It looks like all the media files are in tact in wp-content/uploads/2017
The database wp-posts has lost all the pages I put together ?
Kind Regards
Managed to restore access to the site, and figured out ithemes security was locking out.
I have disabled the plugin by renaming the better-wp-security folder to better-wp-security2.
The website looks as it did now when I first reported it, completely corrupt both front end and back end.
I’m working with the host company to see how far back we can restore it.
As you can see from this image.
The Hosting company has been excellent and helped restore to an earlier point.
The site is back to where I left it on a new placeholder url
http://sds-placheolder-co-uk.stackstaging.com/
I have deactivated all the conflicting plugins.
We now need to migrate the site to the launch url.
Cornerstone so far has not thrown an error.
For everyones benefit there I can tell you X theme + Cornerstone and some WP plugins don’t mix.
Its one of these three
itro-popup
betterwpsecurity
allinone-wp-security-and-firewall
I really don’t want anyone to go through the pain I have it took 5 days to get the site working !
Thanks for sharing!