I have 3 problems with my ethos stack

Support
#1

Hello,

I have 3 problems with my ethos stack.

  1. My footer info is in vertical form. How do I configure it to be horizontal?
  2. I want to reduce the space between content and headers in my posts.
  3. I want to reduce the font size(not letter spacing) of all my headings(h2, h3 h,4, h5) but still maintain the heading hierarchy. Make h2 look like h3, h3 look like h4 and so on.

How do I solve all these problems? (I’m using a child theme)

Thanks in advance.

#2

Hi George,

Thanks for writing in!

1.) Your footer is in vertical because of all of the text widgets were added in Footer 1. You must place the “Amazon Associates Program” text widget in Footer 1 and the “Disclaimer” text widget in the Footer 2 area.

2.) To reduce the space between content and headers in your posts, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.entry-content {
    margin-top: 7px;
}

3.) To o reduce the font sizes of the headers, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

h1, .h1 {
	font-size: 140%;
}

h2, .h2 {
	font-size: 140%;
}

h3, .h3 {
	font-size: 130%;
}

h4, .h4 {
	font-size: 120%;
}

h5, .h5 {
	font-size: 110%;
}

h6, .h6 {
	font-size: 100%;
}

We would love to know if this has worked for you. Thank you.

#3

It has worked like magic. Thank you very much RueNel!

One more, how to I reduce the space between the paragraphs?

#4

Hi George,

There is a default bottom margin for the paragraphs set by the theme’s CSS. To override that, please add this code as well:

p {
    margin: 0 0 1.15em;
}

Hope this helps.

#5

It did Jade!

Thank you alot

#6

On behalf of my colleague, you’re welcome. Cheers! :slight_smile:

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.