[Resolved] Personalized template TARGET

[Josep]

Hello, I would like all the pages to be the starting template for the TARGET template. I can’t find where to customize it I have tried everything but it doesn’t work …

[Leo]

Hi there,

Not sure if I understand.

Can you explain a bit more?

[Josep]

If I put the initial page, put the one that takes a format, without title and without box, put the page that put it does this to me, instead if I go to the pages that are not the home I get the box and the title, I have removed it from ELEMENTS but it does not look the same as HOME, it seems that as if a different CSS was applied … I would like to use all the pages that look like HOME without a box or title …

[Leo]

The home page is using the Sections add-on:
https://docs.generatepress.com/article/sections-overview/

However, I would not recommend using Sections as we now have GenerateBlocks which replaces the Sections add-on:
https://generateblocks.com/

I’ll be updating the site to use GB instead once the plugin is officially released.

[Josep]

But in HOME I don’t have SECTION activated, it is created automatically and I can edit it with the Gutenberg editor …
On the other hand, if I activate SECTION, it cannot be edited with Gutenberg …

I would not want to activate plugins for performance if it is not necessary …

[Leo]

Are you referring to the default home page of Target?

If so that’s definitely done with Sections:
https://www.screencast.com/t/nE6iIlnJYo

[Josep]

Hi Leo, I don’t know if you understand me … I can edit my HOME in the WordPress editor without creating sections …

And a full page appears instead, when I change to another page it looks fatal … with a box, I would like the same css to be applied or I don’t know what I have to do …

Attached screenshot for you to see

https://ibb.co/zFvMYHM
https://ibb.co/x7DZd0Q



[Leo]

Think I understand now.

Go to Additional CSS field in the customizer and remove this:

@media (min-width: 769px) {
    body:not(.home):not(.woocommerce) .site.container {
       margin-top: -40px;
    }
}

[Josep]

Hello, if that was what the title appears on the home a little lower than the others … can it be seen at the same height?

[Josep]

/* GeneratePress Site CSS */ /* Content styles */

.main-navigation:not(.slideout-navigation) .main-nav {
flex-grow: 1;
}

.main-navigation .main-nav {
text-align: center;
}

body:not(.home):not(.woocommerce).separate-containers .site-main {
margin-top: 0;
}

@media (max-width: 768px) {
.footer-bar {
margin-bottom: 5px;
}
}

h2.home-slogan {
font-weight: 500;
margin-bottom: 1.5em;
}

.section-center {
text-align: center;
}

button, html input[type=”button”], input[type=”reset”], input[type=”submit”],
a.button,
a.button:visited,
.woocommerce a.button {
border-width: 1px;
border-style: solid;
border-color: inherit;
}

.woocommerce .woocommerce-message a.button {
border: 0;
}

a.button:hover {
border-color: black;
}

.home-button-section .button {
margin-left: 10px;
margin-right: 10px;
width: 150px;
}

@media (max-width: 768px) {
body .button {
margin: 20px 10px;
}
}

/* Primary navigation styles */

@media (min-width: 769px) {
.sf-menu>li.search-item,
.sf-menu>li.wc-menu-item {
float: right !important;
}
}

/* Secondary navigation styles */
.secondary-navigation {
padding-top: 5px;
}

.secondary-nav-aligned-center .secondary-navigation ul, .secondary-nav-aligned-right .secondary-navigation ul {
font-size: inherit;
}

/* Home Hero styles */
.page-hero.home-hero h1 {
font-weight: 800;
text-shadow: 1px 5px 4px rgba(0, 0, 0, 0.5);
font-size: 40px;
}

.page-hero.home-hero a.button {
font-weight: 400;
box-shadow: 1px 5px 4px rgba(0, 0, 0, 0.5);
border: 0;
width: 130px;
}

@media (max-width: 768px) {
.page-hero.home-hero {
background-position: 60% 0;
}
}

/* WPSP styles */
h2.wp-show-posts-entry-title {
font-weight: 500;
font-size: 20px;
text-align: center;
}

@media (min-width: 769px) {
.wp-show-posts-image {
position: relative;
overflow: hidden;
}

.wp-show-posts-image img {
max-width: 100%;

-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

.wp-show-posts-image:hover img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}

/* HappyForm style */
body .happyforms-flex {
padding: 0;
}

body input[type=submit].happyforms-button–submit {
margin-top: 5px;
padding: 5px 20px;
font-size: 16px;
background-color: transparent;
font-weight:normal;
}

/* MailChimp styles */
.widget .mc4wp-form input[type=submit] {
background: transparent;
color: #999999;
}

.widget .mc4wp-form input[type=submit]:hover {
background: transparent;
color: #ffffff;
}

.widget .mc4wp-form input {
width: 100%;
}

/* WooCommerce styles */
.woocommerce ul.products li.product .woocommerce-LoopProduct-link {
border: 1px solid rgba(0,0,0,0.1);
box-sizing: border-box;
}

.woocommerce ul.products li.product .woocommerce-LoopProduct-link:hover {
border: 1px solid rgba(0,0,0);
box-sizing: border-box;
}

.woocommerce .wc-product-image {
margin: 5px 5px 0 5px;
}

.woocommerce ul.products li.product .price {
margin-bottom: 1em !important;
}

.woocommerce.single div.product div.images img {
padding: 3px;
border: 1px solid #e5e5e5;
box-sizing: border-box;
}

.woocommerce .related .product {
text-align: center !important;
}
.woocommerce ul.products li.product .star-rating {
margin: auto;
}

.woocommerce h2.woocommerce-loop-product__title {
margin-top: 0 !important;
}

.woocommerce nav.woocommerce-pagination ul {
border: 1px solid #000;
border-right: 0;
}

.woocommerce nav.woocommerce-pagination ul li {
border-right: 1px solid #000;
} /* End GeneratePress Site CSS */

[Leo]

Remove this CSS as well:

body:not(.home):not(.woocommerce).separate-containers .site-main {
    margin-top: 0;
}

[Josep]

ok, perfect, thank you very much!

[Leo]

No problem 🙂

[Author]

Posts