-
Posts
-
Hello – I have several code blocks on my site, one of which is to insert the Candid.org logo and link on our Donate page. I was trying to center that block with custom CSS in Enfold>General Styling>Quick CSS, but the code I entered didn’t seem to work, so I deleted it. However, now all my web pages seem as if they are constricting into the center of the display. Can you tell me why, and/or how to correct this?
Hey Jackie,
Thank you for the inquiry.
The site was not accessible when we checked. Could you provide the embed code here so we can review it? Have you tried placing the embed code in a Text or Code Block element?
Best regards,
IsmaelNot sure if this will help, but I reviewed my browser history and found I referenced this:
I don’t recall that I added that to the Custom CSS though.
Hi,
Thank you for the info.
We couldn’t find the same image on the page. Please create a test page with the image so we can inspect it.
Best regards,
IsmaelThat’s the problem. When I first access the site, I see the display as it’s supposed to be, for about a second. Then it ‘shrinks’ into the center, as noted on the document attached. It wasn’t doing that until I added custom CSS in Enfold>General Styling>Quick CSS; I figured if I deleted that code from that area, it would return to normal display, but it hasn’t. Something must be telling it to constrict this way but I can’t figure out what, or where, to look to resolve this. Please help.
Hi,
Perhaps you have found the error, when I check in Chrome, Firefox, Safari and Brave, it looks like this:
Best regards,
MikeThank MIke. True, the info is there. What’s concerning to me is that, if you view the PDF I attached, in one, the columns stretch across almost the full width of the banner text. In the second version, which is what it quickly reverts to upon access, those same columns are constricted to center of that banner text, with white space on either side. I can’t figure out why?
Hi,
This was because the text was set to center in the element and not justified, and to had hard line breaks, I corrected, please check now.Best regards,
MikeI don’t think that fixed the issue but I’m at a loss. Guess I can live with it as is, or keep troubleshooting.
Could this have anything to do with the change? I didn’t make any changes here but ???
Enfold Theme Options>Layout Builder
Custom Layout And Dynamic Content
Select if you want to use dynamic content (e.g. post data, custom fields) and create modifiable custom layouts for post types.
SELECTION: Custom Layout (admins only) and dynamic contentAfter activating this feature you must reload the backend to load the necessary menus to work with the “Custom Layout Screens”.
Attention when using caching plugins: Whenever you make changes to a “Custom Layout” please clear your server cache to show the changes.
We recommend to use ACF (Advanced Custom Field) plugin for a user friendly way to manage content of custom fields and custom post types: Download plugin from WordPressHi,
Thanks for your patience, I don’t think that would help. Try disabling your theme cache & Jetpack & any server cache.
Since it changes after page load, this typically points to a cache issue.
The page width in the theme settings is 1310px, but after page load it is 1010px due to this file:_jb_static/??a97ef38bc7which is a cache file.
Or you can try this css:.container.av-section-cont-open { max-width: 1310px !important; }After applying the css, please clear your browser cache and check.
Best regards,
MikeMike, still no bueno. The ‘shift’ from correct to incorrect sizing is now fixed. However, the individual columns still do not seem as they used to be. For instance, this unlisted page (https://historictoxaway.org/broadleaf/faq/) originally had the four buttons in one line – now they break onto a second line.
The issue has been happening prior to this but in case relevant, just letting you know we have recently shifted our servers from Bluehost shared hosting to a local agency server/hosting. Also I had Jetpack active but canceled it as a part of this shift.
At any rate, I have done this:
To disable the Enfold theme cache in WordPress, navigate to the Enfold Theme Options within your WordPress dashboard.
Go to Enfold Theme Options > Performance.
Locate the sections for CSS file merging and compression and JavaScript file merging and compression.
Disable: the “Merging and Compression” options for both CSS and JS files.
This action effectively disables Enfold’s built-in caching and optimization features for these files. If you have any other caching plugins installed, you may also need to clear their caches or temporarily deactivate them for testing purposes. Additionally, performing a hard refresh in your browser (e.g., Ctrl + Shift + F5 on Windows or Cmd + Shift + R on macOS) can help ensure you are viewing the latest, uncached version of your site.And I have cleared the cache in a new plugin, WP Rocket. What can I do to correct this?
Hi,
Thank you for the update.
originally had the four buttons in one line – now they break onto a second line.
Have you tried increasing the value in Enfold > General Layout > Dimensions > Maximum Container Width? It’s currently set to 1010px. Increasing it to the default value of 1310px should help.
Best regards,
IsmaelI don’t see where this is happening. In my Enfold > General Layout > Dimensions > Maximum Container Width, it’s already set to 1310px? Is that other figure somewhere within the code you’re displaying in that screenshot?
Hi,
If the value is set correctly but it’s still not displaying as it should, then it’s possible that there are invalid css modifications in your installation that break the default styles. Please review the css modifications and make sure all css rules are properly closed and valid — specifically the css media queries.
Best regards,
IsmaelThanks for the hint. It was an issue in the Custom CSS – in the line not the code. All good now! Appreciate your help.
- The topic ‘Code block change seems to have affected page display?’ is closed to new replies.