When I use the following code in my Child Theme, I do get a Grid-Blog which is indeed presenting all items from Posts and Portfolio AND all items are presented with only the Excerpts instead of the full article.

add_filter('avf_blog_style','avia_change_tag_blog_layout', 10, 2); 
function avia_change_tag_blog_layout($layout, $context){
if($context == 'tag') $layout = 'single-small';
return $layout;
}

With this function active in my function.php, I have still two problems:
1) No control about the look and feel of the page – as I want to create a grid with a single column, to get all entries under each other instead of the grid-blog with 3 columns.
2) No sidebar on the right – In the Theme Option I have mentioned “Blog Post” as the Blog page. In that Page I have defined via the Layout option, to not use a sidebar.
However the right sidebar is still in place.

Thanks for the clarification and the link.

With regards to the menu – I do see the option to hide a menu element.

I would like to hide the entire second menu. I would like the entire top bar above the header including the phone and the secondary menu.
Would that be possible?

I have applied the css – the banner is now starting at the left – but is still not full width!
The av-special-heading remains 1310px width!

https://www.dropbox.com/s/5hj7s4dcg4w07f4/Special%20Header%20banner.png?dl=0

Any suggestions to make that div also full width for all display devices?

Elliott,

Apologize for the inconvenience – but page was copied/pasted from my test environment, that is locked for others.
I have re assign the image and now you must be able to see the full picture!

Please find the attached link with the example https://www.dropbox.com/s/h4iddi8w61pbvpg/Example%20Header.png?dl=0

I’m aware of that – But How can I arrange the various layouts for the archive items.

Like presenting in a grid, lsit, etc.

I can do this for Blogs but is not clear how to do this for Archives and Taxonomy listings.

OK – I have created a test page.

This is the css I have added to the style.css of my child-theme for Enfold

/****** Logo in Special Header *********/
.sn-sk-bgt-test  .container{
	background-image: url("http://scheer-nederland.nl/wp-content/uploads/2015/11/SAP_Silver_Partner_Scheer-Nederland.png");
}

Now you will see that is picture is repeating. When I add the option “right no-repeat” after the URL, I don’t see anything anymore.

What I would like to achieve is that this picture is only displayed in the upmost right corner of the full-width Color Section.
This is on top of the used background-image that is used in the color section.
I have now used the container section. But this is not the right one

The background Image in my Color Section is having the following settings:

[av_section min_height='custom' min_height_px='250px' padding='default' shadow='no-shadow' bottom_border='border-extra-arrow-down' id='' color='alternate_color' custom_bg='#2996cc' src='http://scheer-nederland.nl.185-21-241-26.kbitehosting.nl/wp-content/uploads/2015/10/SAP_bridge-1310.jpg' attachment='' attachment_size='' attach='parallax' position='center center' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='#0070e8' overlay_pattern='{{AVIA_BASE_URL}}images/background-images/grid-big-dark.png' overlay_custom_pattern='' custom_class='sn-sk-bgt-test']
[av_heading heading='Digitale Transformatie' tag='h1' style='blockquote modern-quote' size='' subheading_active='subheading_below' subheading_size='15' padding='5' color='meta-heading' custom_font='' custom_class='sn-sk-header']
<ul>
	<li>Waarde creëren in digitale economie</li>
	<li>Van standaardisatie naar eenvoud en innovatie</li>
	<li>Realiseren van succesvolle "Customer Experience"</li>
	<li>Digitaliseren van processen</li>
	<li>Integrale samenwerking in de waardeketen</li>
</ul>
[/av_heading]
[/av_section]

Settings for the background image are:
– Parallel
– Center Center
– No Repeat

It sounds to me that this is more a css issue where the right section/div needs to be addressed to make this happen.

I hope you are still able to support me with this.

Wow – these pages are completely different.
The layout of the first link (….persbericht) is ok
But the layout of the second link – which is going to the taxonomy of my custom defined “Topics” is just showing the full content of my topics within the content area and having empty right sidebar. This sounds to be not as the same.

How can I influence the layout of my list of items that are related to a taxonomy item?

I’m using MAC OS / Safari or Chrome.

I’m getting the sidebar still under my page.

Elliot,

The code was still there!
– Layout is now as expected
– Layout elements are working fine together with the Blog Layout

The only strange thing is, that I’m getting empty boxes under my content and above the Footer.
This looks like a empty container and sidebar.
See the details here https://screencloud.net/v/5ac2

I have tried your CSS, but is does not solve the problem!

See the first screenshot https://screencloud.net/v/16Zj – this is with the “right top !important;”. No change in behaviour – I have tried this also for different browsers.

See the result on the second screenshot when I remove the “right top” from the css
https://screencloud.net/v/dV2s

Now you will see that the expected images is being displayed, however in a repeated way.
But – looking to the repeating images – it seems to me that “container” is also not the right DIV to be selected, as I would like to see that the logo is displayed at the upmost right corner of my window.

I’m using the parallax option within the Color Section.

When I use the following CSS
‘/****** Logo in Special Header *********/
.sn-sk-bgt .av-section-color-overlay-wrap{
background-image: url(“http://scheer-nederland.nl.185-21-241-26.kbitehosting.nl/wp-content/uploads/2015/11/SAP_Silver_Partner_Scheer-Nederland.png”) !important;}’
I do see the image indeed full with – but when I add the right top, it disappears. See https://screencloud.net/v/ch22

What is the trick to avoid the repetition and to show the image only in the right-top corner?

If you tweak the mentioned line in the css – you will see the image

Almost there ….

I have added the right sidebar to my page
I have added the code block to my page
See the results here: https://screencloud.net/v/5ac2

You will see that below the content, that I have defined with the layout elements, I’m still getting two empty boxes below my content.

I have tried a version where the code block is defined as first element and also as last element. No change in results.

What is the trick to remove/hide the latest empty sections here?

Nope – that was done via Layerslider. That is indeed as I would like to get when I use the Special Header. But with the css mods you have given to me, I’m still not getting the background to the entire full width. I can play with the settings, but I have my doubts what it will do with other smaller devices.

I have applied the following to my css now in order to make the background color size equal to the text size

.sn-sk-bgt .av-special-heading {
   background-color: rgba(106, 116, 127, 0.7);
   padding: 15px;
  <strong> display: table-cell;</strong>
}

Could you confirm that this indeed the right way that will work for all devices/browsers?

I have applied this now for the page http://scheer-nederland.nl.185-21-241-26.kbitehosting.nl/scheer-nederland/vacatures/

I do get the same nice structure as I’m getting on my Archive pages.
But I still have an empty sidebar. For my other pages I’m using the layout elements (3/4)(1/4).

Is there no option to combine the presentation of the blog posts with the layout elements?