askdesign

Hi @evas9 , I saw that you posted this question in another channel along with the helpful screengrab. I’ll share that here so others can check it out:
https://drive.google.com/file/d/11HULeN7MswhXgarISXrMqBZr9LJLdlB5/view?usp=sharing

It looks like your editor section is showing the content area without the left sidebar that would contain the listview and the right sidebar with the page and block settings. I thought of some possible causes:

1. The default content width may be too narrow. Try widening it.
2. Could there be a conflict between Elementor and the Full Site Editor?

• This reply was modified 4 months ago by askdesign.
• This reply was modified 4 months ago by askdesign.

If you are the site admin. and have access to the hosting account, you can change the email address in phpMyAdmin. Make a backup of the database before doing anything!

• Log into the hosting account
• Navigate to the cPanel (or equivalent)
• Go to phpMyAdmin
• Select the WordPress database of the website
• Select the wp_users table
• Next to your user name, select Edit
• Replace the old email address with the new one
• Click Go to apply the changes

Did you use the theme editor to change the button color?
Editor > Styles > Colors > Button

It sounds like local style change is not working?

A couple of possible solutions:
(1) You could try getting even more specific by going here:
Editor > Styles > Blocks > Buttons

(2) I don’t know the specifics of your theme, but I found the !important declaration assigned to the background color in this link class:

.wp-block-button__link {
box-shadow: #422800 4px 4px 0 0 !important;
color: #FFFAFA !important;
background-color: #DDAF9C !important;
border: 2px solid #422800 !important;
border-radius: 30px !important;
cursor: pointer !important;
}

You could try putting this code into the “Additional CSS” area. Change the colors to whatever you want.
Editor > Styles > Additional CSS

• This reply was modified 4 months, 3 weeks ago by askdesign.

Hi @tunepark – There are a number of possible causes. Are you using a managed hosting plan? If so, the host may sometimes limit the plugins you can install. Other clues are in this article:
https://www.wpbeginner.com/plugins/why-cant-i-add-or-install-plugins-in-wordpress/

Hello @evas9 – Please provide the site URL so someone can give you some assistance. Thnx!

Hi @kaitlinkma ,
You’ve got the Hummingbird plugin installed. Somewhere in that plugin’s configuration settings, I found a hover style for the orange color and !important property. This is overriding your blue hover style. Here is the code I’m talking about:
nav.wp-block-navigation ul li a:hover?{
color: var(--wp--preset--color--secondary)?!important;
}

Try adding your own custom CSS. Let us know what you do!

• This reply was modified 5 months, 3 weeks ago by askdesign.
• This reply was modified 5 months, 3 weeks ago by askdesign.

Hi there,
It sounds like your DNS settings are not configured correctly.

1. Log into your GoDaddy account and check the DNS settings.
2. Add the CNAME record “WWW” to your DNS settings.
3. Configure the following fields:

• Name – Name is the CNAME (WWW)
• Type – Select CNAME
• TTL – Time to Live is “14440″ by default (no need to change the default value)
• Target – Target is the path to your website (designerdrains.com)

If Astra and/or Elementor don’t have the options to make these changes, you could do it with your own custom css. To modify anything, you can place the code inside the Customizer section:
Appearance > Customize > Additional CSS.

To eliminate the?boxes in the main contain area, I think you just need to get rid of the box shadow, like this:

.elementor-165080 .elementor-element.elementor-element-b7165bc > .elementor-element-populated {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
}

To eliminate the?boxes in the sidebar, try this:

.elementor-165080 .elementor-element.elementor-element-5385ed1 > .elementor-element-populated {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
}

Use browser dev tools to identify the piece you want to change, find its selector and class, then modify. Place the CSS code inside the Customizer section.

Agree with @nekojonez that it depends on what changes you want to make. You’ve got 2 pieces of the puzzle to consider (Astra theme and Elementor builder). Use browser dev tools to identify the piece you want to change, find its selector and class, then modify. Place the CSS code inside the Customizer or Additional CSS (for block themes).

Two examples below are related to Elementor’s variable for background color.

For the overall background of the page, change the variable to a new color, like this:

.elementor-165080 .elementor-element.elementor-element-ee0ab3f:not(.elementor-motion-effects-element-type-background),?.elementor-165080 .elementor-element.elementor-element-ee0ab3f > .elementor-motion-effects-container > .elementor-motion-effects-layer?{
/* --- original background color used a variable --- */
/* --- background-color: var(--e-global-color-astglobalcolor5); --- */
background-color: #8fa985;
}

To change the background for the main content area:

.elementor-165080 .elementor-element.elementor-element-b7165bc:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-165080 .elementor-element.elementor-element-b7165bc > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer {
/* --- background-color: var(--e-global-color-astglobalcolor5); --- */
background-color: #cadee5;
}

• This reply was modified 7 months, 1 week ago by askdesign.

A couple of questions:

• have you cleared the browser cache?
• are the images too large?

It sounds like this is a Classic theme, and not a Block theme? Another option would be for you to switch to a block theme, which enables you to make changes to any page layout using blocks. This article will help clarify the differences for you:
https://www.pootlepress.com/2023/04/wordpress-block-themes-vs-classic-themes-a-beginners-guide/

Hi there @kwatson020785,
Chrome also has Dev Tools (like Firefox) to help you identify selectors and properties. Your .container class is 80% of the browser width:
.container?{
width: 80%;
margin: 0 auto;
}

At the 990px breakpoint, that width changes to 748px:
.container {
width: 748px;
}

You can modify that in your style.css file, in the media queries area. Maybe keep it at 80% or increase it to 90%. It’s up to you.

If you keep digging deeper, you’ll also find a .single_left class with a 520px width. You can also change this:

@media?only screen and (min-width: 768px) and (max-width: 989px)
.single_left?{
width: 520px;
}

change to “auto” or “100%”
@media?only screen and (min-width: 768px) and (max-width: 989px)
.single_left?{
width:auto;
}

Good luck!

• This reply was modified 9 months, 3 weeks ago by askdesign.

Sounds like a bug. Maybe you could create a test user with admin. privileges and assign the content to that? Or elevate an existing editor’s privileges?

I just discovered one of the reasons why this may have happened.
Siteground’s A-record changed. The client received a notice about it, but didn’t forward it to me! I updated the A-record at GoDaddy (Domain Name provider), and everything seems to work correctly now. I’ll continue to monitor the situation.

• This reply was modified 1 year, 5 months ago by askdesign.

This started happening on a client site 1 week ago. In this case, the domain name registrar (Go Daddy) is using the web host’s (Siteground) A-Record. Wordfence is identifying that A-Record as my IP (as well as anyone else trying to log in).

It’s not exclusive to Wordfence either. I disabled Wordfence and installed All in One Security, which also identifies the A-Record as the current logged-in user IP. AIOS is at least able to recognize my actual IP.

• This reply was modified 1 year, 5 months ago by askdesign.