[Resolved] Personalized template TARGET

Home Forums Support Personalized template TARGET

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #1279568
    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 …

    #1279683
    Leo
    Staff
    Customer Support

    Hi there,

    Not sure if I understand.

    Can you explain a bit more?

    #1279790
    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 …

    #1279837
    Leo
    Staff
    Customer Support

    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.

    #1279874
    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 …

    #1280027
    Leo
    Staff
    Customer Support

    Are you referring to the default home page of Target?

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

    #1280539
    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

    

    #1281136
    Leo
    Staff
    Customer Support

    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;
        }
    }
    #1281210
    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?

    #1281216
    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 */

    #1281352
    Leo
    Staff
    Customer Support

    Remove this CSS as well:

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

    ok, perfect, thank you very much!

    #1281584
    Leo
    Staff
    Customer Support
Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.