Blog page should look as portfolio page

Spenglermeister · June 2016

Hi. I want to create my website as a blog, not a portfolio . From CSS I have no big idea . The blog page will look exactly like portfolio , because this I like better . This means:

-Blog-Titel Top left

-Read More Boton top right

-Post information Below the preview to the left

-Date Under the preview on the right

What is the Custom CSS code and where to include this?

Link to Homepage: http://panoramawelten.ch/portfolio/

Thanks for help.

Spenglermeister

Albert · June 2016

Hi,

we are sorry but we do not have an option to transfer Portfolio page into Blog and vice versa.

Thanks!

Spenglermeister · June 2016

Hi dear Muffingroup-Team

Thanks your for feedback. I want a blog website, that looks clean, as this preview: http://themes.muffingroup.com/be/driving/courses-and-exams/

Unfortunately, this preview is not a blog, but a "normal" website.

How i can do this? See link: http://panoramawelten.ch/wp-content/uploads/2016/06/Screenshot.png.

http://panoramawelten.ch/blog/

Thanks you very much.

Spenglermeister

Albert · June 2016

Ok. So to remove post footer background and shift "Read More" text, you need to use the following css:

.post-footer { background: transparent !important; }
.post-footer .post-links { float: left !important; }

Spenglermeister · June 2016

Thanks.

I have 2 questions:

1: Portfolio: The Filters (published by/categories...) can not be hide in "Single Projekt-Page". How can i make this? http://panoramawelten.ch/portfolio-item/nochmals-die-alte-passstrasse-ueber-den-gotthardpass-2/

2:Blog: How can i hide "Related Posts" on Single Post Page. http://panoramawelten.ch/durch-flueelen-im-kanton-uri/

Thanks for Feedback

Spenglermeister

Albert · June 2016

1. To remove post meta from single portfolio pages, you need to use the following css:

.single-portfolio .post-meta { display: none !important; }

2. To remove Related Posts from single post pages, just set 0 for Related Posts | Count under Theme options > Blog,Portfolio & Shop > Blog section.

Spenglermeister · June 2016

Thanks for help , i'll do it that way.

Finally question about colors : I'm doing the site with the following settings : Skin Theme Skin - One Color Skin .

Once this is done , has the Header area same color as Boby Background . How One Color Skin adjust , and make the Header in a different color , for example dark #363636 ? CSS ?

Thanks.

Albert · June 2016

Custom colors works only when Custom skin is selected so if you use One Color Skin, you need to change it's color with custom css. In your case, it would be the following css:

.header-classic #Top_bar { background: #363636 !important; }

Spenglermeister · July 2016

Thanks.

Three more questions:

1. how can I install updates with new demo content (for example Be "Writer")? Must Betheme be complete reinstalled?

2. How can I set the Photo Box that the icon "icon-play" in the center and the size of 50 px appear when I go with the mouse over it? Color #e3e3e3. This image: should http://panoramawelten.ch/durch-flueelen-im-kanton-uri-8/ look something like this: http://www.marksimons.de/der-gasteig/. Plugin Panopress I do not want to use.

3. What color code has the color BeTheme "Seagreen"?

Thanks for the answers

PS: Sorry about my bad english.

Albert · July 2016

1. If you mean theme update, all it's details you can read on http://themes.muffingroup.com/betheme/documentation/#installation

2. We are sorry but it's not possible.

3. It's #13bfb1

Spenglermeister · August 2016

Thanks.

I have questions about layout:

1: Blog; Layout: Masonry Files Vertical: how can I on the "Blog" page insert a distance of 5px between blog posts? So as "Home" on the side. I want to die in the "BeTheme - Options - Blog, Portfolio & Shop" set without the page add "Add Item-Blog"?

2: Blog; Layout: Masonry Files Vertical: in "BeTheme - Options-Blog, Portfolio & Shop" you recommend under "Columns" 2-4. I have 1 in layout: set Freemasonry files Vertical only 1 OP. It works . Has dies negative influences on other settings?

3: Blog; Layout: photo (Horizontal Images): I want to adjust did the post title in the postimage displayed is and appears nothing under the post image? No Post Titles and no Lovebox, no heart. Only post image and the title image in it.

4: Blog; Layout: photo (Horizontal Images): how can the "Lovebox", the Heart Will Under the Post Image Removed?

http://panoramawelten.ch/articles/

Thanks.

Albert · August 2016

1. Sorry but it's not possible without files customization.

2. If it works fine for you, then you shouldn't worry about it.

3. To leave just photo and the title for PHOTO blog layout, you need to use the following css:

.photo .post-desc .post-head { display: none !important; }
.photo .post-desc .post-excerpt { display: none !important; }

4. Please send us link to page where you got this heart image first.

Spenglermeister · August 2016

http://panoramawelten.ch/articles/

Post title to become displayed in the Post photo . Lovebox (heart under the Post Photo) should not be displayed.

Thanks

Albert · August 2016

Ok. So this Love Box can be disabled under Theme options > Blog, Portfolio & Shop > General section.

Spenglermeister · August 2016

This I have done that.

Unfortunately, this setting only affects single post .

The Love Box remains visible on the Blog Page.

Blog Page (with Love Box): http://panoramawelten.ch/articles/

Single Post (without Love Box): http://panoramawelten.ch/neuer-beitrag-2/

The settings are the same.

Albert · August 2016

This must be cache on your side then because as you can see on http://pasteboard.co/bLpqwDwoc.png it's not visible anymore.

Spenglermeister · September 2016

Thank you.

Two Layout Questions :

1. Footer : how can I the link " IMPRESSUM“ align to right ? Now I have the link inserted behind „BeTheme Options-Footer-General-Copyright“. See screen 01. http://panoramawelten.ch

2. Page „PROJEKTE“: how can the Blog Title and excerpt are left aligned? See screen 02. http://panoramawelten.ch/projekte/

Thanks for your help.

Spenglermeister

Albert · September 2016

1. To align copyright to the right side, you need to use the following css:

#Footer .footer_copy .copyright { text-align: right !important; }

2. To align post description to the left side, you need to use the following css:

.post-desc { text-align: left !important; }

Spenglermeister · September 2016

To answer 1:

Please CSS for following command:
Copyright should remain left. Only "IMPRESSUM" will be aligned to the right.
Thanks

Albert · September 2016

So it wouldn't be possible because the copyright is unity.

Spenglermeister · September 2016

Is there no way to share the footer?
Copyright on the right side, Impressum-Link on the right side?

Maybe Copyright and Impressum must be entered in separate cells.

Albert · September 2016

If you know coding, then everything is possible of course

mxbrnl · September 2016

muffin best comment in support forum ever! ;-)

Spenglermeister · September 2016

Hi BeTheme Support Team

I want split this site by topic or process: http://panoramawelten.ch/technik/. I want to make a Page Break with muffin builder ( not with WordPress Editor or Visual Composer ). In addition I have two questions :

1 : How I can insert Page Break? The page should look something like this : http://panoramawelten.ch/7-2/

2. I want to give these pages names instead of numbers. At the bottom of the page name should be in place of the numbers 1/2. How can I do that?

Many thanks for the help

Spenglermeister

Albert · September 2016

@Spenglermeister We are sorry but it is not possible to break pages built with Muffin Builder unfortunately.

Spenglermeister · September 2016

Hi Support Team

On the Post Page I want the pictures always show in the original format ( 4: 1 ). The Images are not to be scaled. http://panoramawelten.ch/projekte/

Why is this on the Post Page scales ? Which setting is incorrect ?

This image is not scaled , it is shown in its original size. How can I set this at top picture ?

If this applies to the settings in Wordpress , I ask anyway to tips on how to set it up .

Thank you very much

Albert · September 2016

@Spenglermeister If you don't want to crop images and would like to change it's sizes, please do this under Theme options > Blog, Portfolio & Shop > Featured Image section. Images are being cropped and resized to fit best for BeTheme.

Please remember to use Force Regenerate Thumbnails plugin after each change or even if the images were uploaded before theme.

Blog page should look as portfolio page

Comments