Admiral

Got it.

nvm

You can add a standart widget “Text Area” which contain simple text or HTML code and paste this line into it:
<?php if ( !ot_get_option('sharrre') ) { get_template_part('inc/sharrre'); } ?>

I think it would have worked too.

minor typo:
<div class="entry themeform <?php if ( !ot_get_option('sharrre') ) { echo 'share'; }; ?>">

Hey,

You can try replace some code in page.php using child-theme or page templates.

Locate:

<div class="entry themeform">
  <?php the_content(); ?>
  <div class="clear"></div>
</div><!--/.entry-->

And replace this with code:

<div class="entry themeform" <?php if ( !ot_get_option('sharrre') ) { echo 'share'; }; ?>">
	<div class="entry-inner">
		<?php the_content(); ?>
	</div>
	<?php if ( !ot_get_option('sharrre') ) { get_template_part('inc/sharrre'); } ?>
	<div class="clear"></div>
</div><!--/.entry-->

It should work.

Oh, gotcha!

.page-template-page-templatesmainpage-php
.main { background: none!important; }
.container-inner { background: none!important; -webkit-box-shadow: none!important; box-shadow: none!important; }

Thanks!

Hey.
Yes, I want to create multiple pages (templates) that inherit all values of standard pages, except sizes and background that I want to set individually for each of them.
I still do not understand how to fix this.
Inspecting the home page I can see code like this: [body class="home page page-id-8 page-template page-template-page-templatesmainpage-php col-1c full-width topbar-enabled mobile-sidebar-hide chrome s1-collapse s2-collapse" style=""]
Adding code from the example has no effect:
.page-template-page-templatesmainpage-php .main { background: none; }

Ye, it works with !important;, but there is another problem with covering area on icons (it is smaller than the square within the borders – not like a Search button).
Without borders a little better atm. May be handle this sometime later ??
Thanks again.

Okay, got it with chrome dev tools.
Looks like this: https://i.imgur.com/5wGk2r2.png

But then I add code to CSS:
#menu-item-83 { font-size: 18px; border-right: 1px solid #222; float: left; margin-right: 5px; padding-right: 5px; }
#menu-item-107 { font-size: 18px; border-right: 1px solid #222; float: left; margin-right: 5px; padding-right: 5px; }
#menu-item-137 { font-size: 18px; border-left: 1px solid #222; float: right; margin-right: 60px; padding-left: 5px; }
Not all values are working. For example, no separators / borders – https://i.imgur.com/Xd2RXXi.png

Not perfect, but suitable. Thank you!

Thanks, with the Header I did everything I wanted.

On the first question – it’s not something that I want.
When using icons in the menu – it applies to the menu style (icons smaller and without separators).
There is a desire on both sides to have 2 icons (Home and Info left and Search with Login on right). Text menu – positioned in the center.

It works! Many thanks.

With sticky footer – I will try to do using javascript.

Okay, thanks.

But still stuck with footer limitation.

Page limited to 1024px.

.container-inner { max-width: 1024px; }

Set your code with my value:

#footer-bottom { margin: 0 auto; max-width: 1024px; }

Result – footer are not the same with page https://i.imgur.com/PaA4lnB.png
And how to remove white background effect on footer?

–

.main-inner { max-height: 700px; }

This code has no effect, or am I doing something wrong.
Using 1300px as well.
I will try method with javascript later.