Change of Blog Post Subject and Conent Font

[finnern]

This is a continuation of this thread: Change text size, format on post page

Where it was recommended to create a separate one with a secure comment, which I will do in a minute.

Hope you can fix things soon.

Thanks in advance, Mark.

[ruenel]

Hello Mark,

Thanks for writing in!

1.) Right now, your fonts were set to “Inherit”. You can deactivate the Font Manager to be able to select the Google font that you want to use for the header and for your body and content.

2.) I can see that you have added this custom code:

.single .entry-featured {
    position: relative;
    padding: 0;
    width: 720px;
    float: none;
    margin: 0px auto;
}

To align the image to the text below, you will have to update your custom CSS and use this instead:

.single .entry-featured {
    position: relative;
    padding: 0 10%;
    width: 960px;
    float: none;
    margin: 3% auto;
    border-color: transparent;
}

What has changed in the code? It is the 10% left/right padding and the width of the featured image so that it will be responsive in different screen sizes.

3.) By default, in the Icon stack, there is a 50 padding to the top and bottom of the single posts. It is using this custom CSS which can be found in the stack style.css

.hentry .entry-wrap, .search-results .x-container>.product .entry-wrap {
  padding: 50px 0;
}

Feel free to use and modify this default CSS padding by reducing the top and bottom padding. To learn more about the CSS padding, kindly check this out:

• https://www.w3schools.com/css/css_padding.asp

You need to use the Google Chrome Developer Toolbar to check the live HTML code and find which CSS selector you need to use.

Hope this helps.