gurtvh

@abhik21 That is not a solution to the posted problem. Obviously Dcleeds does not want to use a plugin to get this done.

Create a child theme (which is best practise when changing themes). There’s plenty of information on how to do that. Put the files that you need in there, so in this case at least header.php
(Or edit header.php directly in the original theme directory, but be prepared to do this everytime when the theme is updated, if you haven’t created a child theme).
Upload the logo in your (Child-)theme folder. Edit the header.php so that you remove the stuff between the

<div class="site-branding">
REMOVE STUFF HERE
</div><!-- .site-branding -->

Now add the logo in there with a traditional <img> tag. I’ll give an example here, where of course you have to put in your own details:

<div class="site-branding">
<img src="<?php echo get_template_directory_uri(); ?>-child/logo.png" width="250px" height="90px" alt="Some alt text here">
</div><!-- .site-branding -->

In this case I’ve appended the theme URI with “-child” to point to my child theme which (in my case) is the name of the main theme with “-child” appended to it. Add your own widths and heights, your own alt text and the name of your own logo and you should be set.

By all means explore the creation of a child theme to avoid problems with future updates of your theme.

This is weird!
I figured out why it didn’t work.
I had initially removed all the widgets from the sidebar in order to see if that would make the body content 100% wide (because somewhere in the css it says that this should be the case, see line 3312 in main css). Your code did not work after that. So I just thought that maybe your code would work if the sidebar was active (and thus has at leat one widget) since it is being disabled in your css. And that did the trick! Moving the widgets to the sidebar made it active so that your css could remove it again and make the content 100% wide.

So your css only works if there are widgets in teh sidebar. If the sidebar is empty then your css does not work.

Glad that we figured it out and very thankful for your help!
Much appreciated!

Cheers,
Geerten

Hi Ciprian,

It still doesn’t work. I’m lost.
Strange thing is that Visual Composer is able to override it with a setting, whilst editing it directly in the CSS, or the CSS of VC, or your plugin, does not do anything.
(I can’t use the VC setting, because I want to set it system wide and not per block of the VC.)

Do you have any more clues? I’m using the stock twentysixteen theme and have not changed anything about it. I have created a child theme though, but that has no css setting yet.

Cheers,
Geerten

Hi Ciprian,

Thanks for the tip on your plugin! Simple and easy.
However, it still does not work for me. Not even if I disable the Visual Composer plugin. I’m trying to do this for webpages, not for blog posts. In your Video I saw your example for blog posts. Does that make any difference?

Cheers,
Geerten

Hi Ciprian,

I’ve added your css code (in visual composer wher you can add custom css) but it doesn’t bring my content area to 100% width of the width of the site. Any clues why that might be?

Cheers,
Geerten