jschwabish

Figured this out by using the ‘Preview Posts Everywhere’ plug-in.

So it doesn’t look like my code pasted correctly here. But, after fooling around for a while, I figured this out by adding the following code to the top of my post:

<style type=”text/css”>
p, ul { display: inline; } li { margin-left: 40px; }

</style>

Frida,

Go into the RTL Stylesheet under Appearance-Editor. From there, copy all the code in the ‘/* =Menu’ section and paste it into your own CSS stylesheet (if you install the Jetpack plug-in, it will create a stylesheet for you).

Now you can modify the colors in the pasted Menu section (in your CSS stylesheet; don’t change the main theme) to fit your needs. To figure out which Hex code controls which part of the homepage, just test by changing them. For example, change the #3a3a3a to a bright yellow and test the page, etc. Once you figure out what each one does, be sure to replace every occurrence.

Good luck.

I’m new at the CSS/HTML coding thing, but there seems to be a lot of confusion around adding header logos, resizing them, and linking them back to the main page. Here’s the fairly easy solution I figured from mining the forums:

1. Add your header image to your media gallery and then add this CSS code (or something like it) to your child theme:
.site-title a {
background: url(‘headerpicture.png’) 0 0 no-repeat;
width: 1000px;
height: 120px;
text-indent: -9999px;
}

2. You also need to add a Site Title to the basic Expound theme (but, I found, not tagline text). (To do so, go to Customize Theme–>Site Title & Tagline). The ‘text-indent: -9999px’ code will move your title off the screen). In my experience, the code in step #1 wasn’t working if I didn’t customize the theme and add the Site Title.

3. After steps #1 and #2 you should have a linked logo on your header page. If you want to resize the header banner–I found it was too large for my taste–you need to add this code to your child theme CSS:
.site-title-group {
margin: 20px 40px;
}
(The 20px refers to the height, and the 40px refers to the width).

4. Finally, I had trouble with the dimensions of my header.png file, so I added one final line of code to the .site-title script: ‘background-size: 50%’ before the close-bracket. That will resize your image within your new header dimensions and you can fool around with it to make it all fit.

I’m sure there are more experience people out there who may have an easier way to do all this, but I finally got things to where I like them using advice from about 4 different Expound forum threads.

I hope this is helpful.

Has this been resolved? I tried the approach Andrew described. My logo looks fine on mobile except for a lot of white space just below it before the nav bar. My site is https://www.policyviz.com.

Thanks.

Figured this out by trial-and-error playing with the CSS code under *Menu.

Thanks for your help.

That worked great! Thanks.

Any ideas how to change the colors of the buttons in the same bar? I’ve been mining help forums and have been trying various CSS codes, but nothing has worked out yet.

Thanks again.

Yes! This appears to have fixed it! Awesome.

Thanks again.

Hi Jeremy,

Thanks for getting back to me. This sort of worked. I now get the featured image on the Post page, which is great, but there are now *two* images for each post on the home page. (Again, my site is https://www.helpmeviz.com and I’m using the Gridster-Lite theme).

Thanks again

Is this still an active option? I’ve selected Yes to the “Show featured images on front page and archive pages” option, but I’m still only getting the featured image on the home page and not for specific posts. My site is https://helpmeviz.com/.

Thanks.