[Resolved] Change Sidebar background – change length of header

[Clemens]

Hi,
I bought generatePress Premium. For to test whether it fits my needs, I found it a good idea to copy the content of my actuel website to another one trying to rebuild it as well as possible. Now, I encounter a couple of problems which might be quite normal for the beginning. Nevertheless, some questions:
(a) The premium version offers the possibility to change the position of the sidebar. I would like indeed that the sidebar begins at the same level as the main content of the page. Actually, thats a picture. But it seems not to be possible to move down the background as well. So part of the sidebar will stay beneath the header.
(b) Am I right that I need to install a page Editor like Elementor even for the siplest custumization – as for example a 3-colums-body?
(c) I installed the editor – and was happy to see that it is possible to move even the background of the sidebar. BUT: in the free version, that is possible only for a single page, the general issues seem to be reserved for the premium version.
(d) Another problem with Elementor: the pictures arranged in a coroussel are displayed in editing mode, but not after leaving the editor and the custumizer. Sure that I saved all changes before.
(f) I would like to have only one line of header. In my actual theme the lengh of the header is only determined by the borders of the container, but with GeneratePress it seems to be limited to the bodies’ border. So I tried out the visual css-editor YellowPencil. It works fine, but – same as for Elementor – the needed changes in the header are only possible with the Premium version.

Perhaps the described problems are due to my few first steps with GeneratePress. But you may understand that I would not like to pay in total abour 100 $ for to get the basic functions of my old theme.

If somebody may be interested: My “old” site is “https://fuehrungs-coach.de”, generated with the theme “blue diamond” from themeforest, the “new” test-configuration ist “https://fuehrungsstrategie.de”.

I would be very glad for some help /ideas and I am sorry for my english!

Thanks a lot,
Clemens

[Leo]

Hi there,

a) I think we can try moving the title above the content container so that it will be above both the content and sidebar.
Go to Dashboard > Appearance > Hooks and add the code below in the After Header hook and make sure execute PHP is checked:

<?php if ( is_page() || is_single() ) : ?>
    <header class="entry-header grid-container">
        <?php the_title( '<h1 class="entry-title" itemprop="headline">', '</h1>' ); ?>
    </header><!-- .entry-header -->
<?php endif; ?>

Then remove the original title with this snippet:
https://docs.generatepress.com/article/generate_show_title/

b) Page builders certainly make it easier. Here are some other methods as well:
https://docs.generatepress.com/article/creating-columns/

c) Not sure what you mean here. Can you explain a bit more?

d) Sounds like a caching issue. If not then this is something you need to check with Elementor’s support.

f) Not sure what you mean here either. The GP site looks similar to what you have before with the navigation below the header. Can you explain a bit more or show an example of what you would like to achieve?

[Clemens]

Hi, Leo,
thanks a lot for your quick response. The php-code and the snippet worked fine, but it seems to me that it doesn’t solve the problem. But I must say that as a siple user whithout any knowlege of coding – I am not a website designer – It may be that I do not understand all you wrote. Now, as the headers have dissapeared, I don’t know how to change the spaces. Furthermore the problem concerning the alignement of content (picture) and border of the sidebar persists.

Sorry that some of my questions weren’t clear:
(c) see above: the background of the sidebar should be just beneath the picture.
(d) It is not a caching issue. I verified that.
(f) With the changes made under (a) this problem ist resolved. Before, the length of the header coudn’t be longer than the length of the content of the article.

Thanks for your efforts,
Clemens

[Leo]

Try the CSS below to the title:

h1.entry-title {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

Since you are using page builder, try the contained option here:
https://docs.generatepress.com/article/page-builder-container/

Then you need to remove the top padding of the image from Elementor in order to line them up:
http://www.screencast.com/t/P56JIcL1u9c2

c) Not sure what you mean by beneath the picture? Which picture? Perhaps reducing the padding?
https://docs.generatepress.com/article/widget-padding/

d) You will need to check with Elementor on this.

[Author]

Posts