Archived topic
Personalized template TARGET
12 replies · Started by Josep on May 11, 2020
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 ...
Hi there,
Not sure if I understand.
Can you explain a bit more?
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 ...
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.
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 ...
Are you referring to the default home page of Target?
If so that's definitely done with Sections:
https://www.screencast.com/t/nE6iIlnJYo
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
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;
}
}
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?
/* 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 */
Remove this CSS as well:
body:not(.home):not(.woocommerce).separate-containers .site-main {
margin-top: 0;
}
ok, perfect, thank you very much!
No problem :)