[Doug]

Thanks, Brad. That was exactly it.

Great article you linked to. Bookmarking that!

[Doug]

Thx Brad!

I did this, below, and the site header background is now dark and the site title is white, but the nav is still dark on the dark background.

.site-header {
	background-color: #000000;
	color: #FFFFFF;
}

.site-title a, .site-description {
    color: #FFFFFF !important;
}

I then tried adding this:

.main-navigation li.menu-item a {

color: #FFFFFF;

}

Result:
Didn't change the navigation menu text color to white.

[Doug]

Thanks, Brad. I got that working.

I was thinking this code had to go in the Customize > Theme Settings > Header/Footer Scripts > Footer Scripts text field, but apparently not.

Greatly appreciate your input.
doug

[Doug]

Thanks for your input.

The HTML input box doesn't function on the Google Fonts. I'm not sure why, but it has a lot of fiddly issues.

The plugin doesn't support CSS Classes, either, so I'm going to have to wait until their scheduled update kicks in.

thx
doug

[Doug]

Thanks, Brad. Sorry for the delay -- I'm not getting the reply notifications for some reason.

I've tried the HTML approach, but it's not working.

I'm using the Google Fonts block, and the HTML option isn't functioning properly, so I'm having to try doing this with a CSS class. Something I presume I create in the "Customize > CSS" section, and then apply that class to the "Advanced CSS" for each text block I'd like the list in.

I'm just not sure how to set up the CSS class properly in the Customize area.

[Doug]

UPDATE

Re: the gray horizontal Advanced Columns on this page:
https://dougschumacher.com/b2b-saas-software/

I've figured out how to center the block shape the image sets in, but am unable to center the image either vertically or horizontally now within that cell.

All the images in each instance go to the upper right.

Any input greatly appreciated.

[Doug]

Anita

Thank you. Greatly appreciate that video. I didn't realize Genesis theme items would show up there, so that was quite helpful. I'll check out the plugin. Sounds like I have some work ahead of me on this.

Thanks.
Doug

[Doug]

Worked. Thank you, Victor!

[Doug]

Thank you both.

@Anita, I had to add something to the Custom HTML box, so just made a "." and then make it the same as the background color. Not sure if there's a more elegant way to do that, but it solved the issue.

thx
doug

[Doug]

Thank you both!

[Doug]

Super. Totally makes sense. Thanks!

[Doug]

Thanks, Brad. Hadn't known of the media query approach.

I'm working out something like this:

@media screen and (min-width: 600px) {
  div {
    word-wrap: break-word;
  }
}

I've read that 600px is a good breakpoint for mobile.

Re: word-wrap. I've also seen the line-break css property, but haven't found a good explanation of how that works. I've also seen the <br> element suggested.

Do you know if it's possible to tie it to a specific widget? Otherwise, I'm concerned about tweaking this on a site-wide level.

Thanks for any input on this.
doug

[Doug]

Thx Victor. I was thinking as AB was part of Studio Press, it would be under Genesis, but appreciate you clarifying.

[Doug]

Thank you, Victor. I thought there might be an easier way in Settings, but I guess not. I'll give that a shot. Thanks for the input.

[Doug]

Thanks for the note on that, andytc.

Those span style tags must have gotten in there when I pasted in copy from a Google Doc. Forgot to paste with no formatting.

[Doug]

Thank you Joseph. Much appreciate you expanding on that. The links are great.

Doug

[Doug]

Thanks, Anita.

However, I'm using Atmosphere Pro, not Authority Pro. That's what it says in Appearance > Themes.

Is there perhaps a connection between Atmosphere Pro and Authority Pro?

thx

[Doug]

Thank you, Anita.

Sounds like I'll need to convert to another theme if I want to use Gutenberg.

thanks
doug

[Doug]

Thanks, that worked!

[Doug]

Thanks, Anita.

I tried putting the Div content in, but it didn't do anything.

However, back in Inspect, I found something that worked. Changing this 70 to 0.

element.style {
    margin-top: 70px;
}

Here's a screen of me trying that and it working:
https://drive.google.com/file/d/1xNB3DXCm40olYbgaOoePSolgiCm2WYHz/view?usp=sharing

However, when I did that in Customer > Additional CSS, it didn't do anything.

So I also tried ...

element.style {
    margin-top: 0px !important;
}

.element.style {
    margin-top: 0px !important;
}

and

#element.style {
    margin-top: 0px !important;
}

I'm not too familiar with how classes work, and the differences between using . or #. Do you know what I'm doing wrong with that code?

thanks
doug

[Author]

Posts