kaitlinkma

Hi Mark,

Thanks for the quick response! While I’m sure an SMTP plugin will help, I actually haven’t had any issues on my other plugins sending emails, so I’m wondering if I have something incorrectly configured within WS Form. Could there be something I’m missing?

Thank you,

Kaitlin

Hello Dmytro,

Wow, thanks for the expedient and thorough response! I really appreciate your explanations. I’ll keep that in mind.

Kaitlin

Thank you very much for all of the info and help! I’ll give that link a try.

Hello,

Thank you very much for the video example – that helped a lot! Unfortunately, I can’t get it to work for my submit button. I am trying to use the email form and have the email box next to the submit button. I can successfully apply the uag-col-2 CSS code to the email part, but the submit button doesn’t allow additional CSS. I added the uag-col-2 line to the form’s additional CSS to see if that would work, but that was unsuccessful as well.

Thank you for the help. Please let me know if you have any suggestions.

When I delete the rule

body.page-id-4637 {

background-color: #f2f5fb !important; }

the public page does change to color #f2f5fb as desired due to the .editor-styles-wrapper code, however, the admin view remains the same, even after clearing my cache multiple times from different plugins.

I can change the public view of my pages no problem, but my admin view remains stuck. My only remaining guesses are that I cannot clear the admin cache properly, or perhaps there is code enforcing a different background (and other features outside the scope of this question) for the admin than for the public. Thank you again for the continued help and patience, but it appears I’m at a dead end.

Darn, I was hoping you wouldn’t say that. I’ve tried various variations of this CSS code, without successful results:

.page-id-4637 .editor-styles-wrapper {
background-color: #f2f5fb ;
}

You’re right in that without the “.page-id-4637”, the rest of my website begins to change color. I’ve tried other similar lines of code like .page-id-4637.editor-styles-wrapper, .editor-styles-wrapper.page-id-4637, and .editor-styles-wrapper .page-id-4637, but this page stubbornly refuses to change colors. Thank you again for your continued patience and advice.

Thank you so much for your help! I had no idea the inspect element even existed. I was able to temporarily select the whole page when I selected this HTML code:

<div class=”editor-styles-wrapper block-editor-writing-flow” tabindex=”0″ style=”height: 100%; width: 100%;” data-is-drop-zone=”true”>

Then, I looked at the code to the right of it in the CSS (?) pane, and saw by toggling this line of code, the background color changed:

.editor-styles-wrapper{

background-color: #00000;

….}

I looked online, and it sounds like I have to copy/paste this .editor-styles-wrapper{…} code to the additional CSS? At first, it seemed like I needed to download a Chrome extension to be able to save the changes I made in the inspector element, but I think I have to copy/paste this new CSS code into my additional CSS box on my homepage, and somehow indicate which page I’m trying to change. Is that correct? Thank you very much for your patience and help!

Thank you for the kind words and advice.

I found my current theme’s (blockbooster) style.css file, and when I search for “log”, the only relevant code that exists is

body.logged-in .wp-block-group.blockbooster-sticky-menu.sticky-menu-enabled { top: 30px; }

No other code is specified for logged-in users, but I do see other code indicating the primary color should be used as the background for blocks mostly related to woocommerce and contact forms.

I’m surprised no other code in that file mentions specifics for logged-in users. Would that be in another file?

Thank you so much!

Thank you so much for the insight! I bet you’re right that there are different rules for logged in users and non-logged in users.

I’m embarrassed to admit my knowledge of WordPress is lacking in regards to implementing your instructions. From Google, I can probably figure out how to make my own <style> block and use the wp_head hook. I’m not familiar with using the $priority argument. Can you please recommend a reference for me to read about this? Thank you very much for your time and patience.

Update: When I view it on the front-end as a non-admin, the background has changed, but when I view it on the back-end as an admin, it looks exactly the same, despite clearing the caches. Any ideas?

Hi askdesign,

Thank you so much for finding that piece of code! I don’t know where you found it in Hummingbird, but long story short, the issue persisted with Hummingbird disabled and I used the below custom CSS someone gave me to solve the issue:

modal-1-content > ul > .wp-block-navigation-item > a > span:hover, #modal-1-content > ul > li > ul > li > a > span:hover, #modal-1-content > ul > .wp-block-navigation-submenu > a:hover {

color: #225AE6 !important;
}

It now correctly hovers blue.

Thank you again,

Kaitlin

Hi Nithin,

Yes, you were right – on all fronts!

The issue was the text hovering orange instead of blue. The static color of white was correct. This issue was indeed present when I disabled Hummingbird.

However, your code worked. You have no idea how many hours I spent trying to make it work. Thank you so much! You made my day.

Thanks again,

Kaitlin

Hello,

Yes, I tried clearing the cache, but it didn’t work.

Thank you for the help!

Thank you so much! That did the trick.