Blog Grid Layout and Single Blog Page

Hi Birgit,

ad appearance of the Blog Grid Layout)
Can you link me to a website with a similar setup? Are you after the default blog layout?

You should be able to alter the Blog Widgets settings to a single column. I would recommend giving the documentation a read.

ad Single Post Page)
Please add the following CSS to WP Admin > Appearance > Custom CSS:

.single-post .site-main {
    margin-top: 20px;
}

How does that look?

Hi Birgit,

And one thing at the same time left … Now I have the problem, that you can´t see the menubar, because the bar is set transparent. Is there any possibility to set the bar – only within the single post pages – not transparent?
Yes. Please navigate to WP AdminAppearanceCustom CSS and replace:

.site-header {
	position: absolute;
	left: 0;
	right: 0;
}

.hgroup, .main-navigation {
	z-index: 10000;
}

#sticky-container .main-navigation {
	background: rgba(52,53,56,.8) !important;
}

.main-navigation {
	background: none !important;
}


#main.site-main {
	padding: 0 35px
}

#search-icon #search-icon-icon {
	background: rgba(52,53,56,.5);
}

With:

.page .site-header {
	position: absolute;
	left: 0;
	right: 0;
}

.page .hgroup, .page .main-navigation {
	z-index: 10000;
}

.page #sticky-container .main-navigation {
	background: rgba(52,53,56,.8) !important;
}

.page .main-navigation {
	background: none !important;
}

.page #main.site-main {
	padding: 0 35px
}

.page #search-icon #search-icon-icon {
	background: rgba(52,53,56,.5);
}

How does that look? By the looks of it, you’re making use of this effect for all of the pages so I changed it so it only affects pages rather than everything.

ad “time-line-layouts”)
Ah. Unfortunately, you’ll need a plugin for that timeline effect. Content Views is the only plugin that comes to mind for general posts but the timeline layout requires premium. Sorry mate. :(

ad alignment picture)
Please open the SiteOrigin Editor you’re using to add this image and untick Automatically add Paragraphs. How does that look?

ad SO Image Grid)
Can you please link me to the page where one is present?

By the way, as you’re a premium user, you’re entitled to priority email support. If you would like to make use of that, please follow the instructions found on your Page: Dashboard (please refer to the support tab). Please reference this thread and include your SiteOrigin order key in the email.

Hi Birgit,

Is your website down? I ask as I haven’t been able to access your website at all today.

Hi Birgit,

How can I make the grey bar in exactly the same height as the menubar?
Are you sure you want this grey bar?

If you don’t, please navigate to WP AdminAppearanceCustom CSS and replace:

.single-post .site-main {
    margin-top: 50px;
}

With:

.single-post #main {
    padding-top: 50px;
}

If you would rather keep the bar, please navigate to WP AdminAppearanceCustom CSS and add (and adjust) the following CSS:

body.single-post.layout-full  {
    background-color: #cc4848;
}

How can I extend the distance between headline and the grey bar? (The headline is too close to the grey bar …)
If you removed the grey bar, disregard this answer.

please navigate to WP AdminAppearanceCustom CSS and replace:

.single-post .site-main {
    margin-top: 50px;
}

With:

.single-post #main {
    margin-top: 50px;
    padding-top: 35px;
}

See also mobile Screenshots …
unfortunately, we aren’t able to process email attachments on the forum at this time. You’ll need to upload the images to an image hosting site like vgy.me or imgur.

ad mobile bugs)
-) Site Origin Hero: The text is not complete … See Site Origin Hero_Text is not complete.PNG
I’m not too sure what hero widget you’re talking about but I suspect it’s the one on your home page. If so, this is as a result of your settings. You’ve applied 370px of vertical padding to the hero widget and on mobile, the text doesn’t have enough room to display.

Please open your hero widget and open the Design and Layout settings group. Set Top and Bottom Padding to 0. Then set the Extra top padding to, say, 37vmin. How does that look?

-) Site Origin Image: One of the images does not show … See Home_Image does not show.PNG
I couldn’t spot a missing image – I’m going to need to see the image. :(

-) Post Loop ­ Grid: The headlines don´t show. See Gridlayout_HLs do not show.png
This is as a result of the following custom CSS you’ve added.

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, #comments .commentlist article .comment-author a, #comments .commentlist article .comment-author, #comments-title, #reply-title, #commentform label {
    color: #ffffff;
}

To override this CSS for the post loop, please add the following CSS:

.vantage-grid-loop article h3 {
    color: #e57070;
}

It should be noted that I see this issue on desktop.