losrack

Thanks James,

I guess this goes on child functions.php

Again thanks !!!!

… Forgot to mention I am using the full width template.

Glad I could help.

Regards…

Hi,

Do you still need help with this?

just in case … I went thru a lot of trouble with this.

I added this code at the beginning of my child’s functions php file.

<?php

update_option('siteurl','https://yoursite.com/');
update_option('home','https://yoursite.com/');
/**

hope it helps

well .. since it did not work on the style.css … I had to put it on the css plugin.

I would like to have all the css in one file only, but I had to do it this way.

Hi James … here is my child css

text/css style.css ( ASCII C program text )

/*
Theme Name:   	storefront child
Author:       	Carlos Jaramillo
Template:       storefront
*/

/* write custom css */

/* navigation font size and style with "font-family" etc */

.main-navigation {
font-size: 13px;
/*font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;*/
}

/* set pages size by ID - replace "xx" by page id */

/* this one is home page id 36 */
.page-id-36 .site-content .col-full {
	max-width: 100%;
	margin-left: auto;
    margin-right: auto;
}

/*search bar width */

.widget_search form, .widget_product_search form {
  position: relative; }
  .widget_search form input[type=text], .widget_search form input[type=search], .widget_product_search form input[type=text], .widget_product_search form input[type=search] {
    width: 100%;
    padding-left: 2.618em; }

    /**
 * Footer
 */
.site-footer {
  background-color: #f3f3f3;
  color: #93979f;
  padding: 0; }
  .site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6 {
    color: #82868e; }
  .site-footer a:not(.button) {
    color: #96588a; }

.site-info {
  padding: 20px; }

 .footer-widgets {
padding-top: 0;
} 

.hentry {
margin-bottom: 0;
}

/*Horizontal bar color */

.page-template-template-homepage .hentry .entry-header,
.page-template-template-homepage .hentry,
.page-template-template-homepage .storefront-product-section {
border-color: white;
}

/* change the size of the logo, secondary navigation and search bar */

@media screen and (min-width: 768px) {
    /* LOGO */
    .site-header .site-branding, .site-header .site-logo-anchor, .site-header .site-logo-link { width: 7% !important; /* Use px values if you want, eg. 350px */ }

    /* SECONDARY NAVIGATION */
    .site-header .secondary-navigation { width: 7% !important;  /* Use px values if you want, eg. 350px */ }

body.woocommerce #primary { width: 100%; }

/* hides the page title. NOTE: shop title hide is on php-- 2nd NOTE: Title toggle plugin= home page removed */ 

.entry-header {
display: none;
}

/*Reduce content area padding*/

#main { padding-top: 0 ; }

.singular.page .hentry {
    padding: 0;
}

.content-area, .widget-area {
  margin-bottom: 0;
}

/*Title area size*/
.singular .entry-header, .singular .entry-content {
   width: 70%;
}

/*Content Margin*/
.singular #content, .left-sidebar.singular #content {
    margin: 0 5.6%;
}

/*Entry content padding*/

.singular .entry-content {
padding: 0;
}

/*Article padding*/
article.page {
    padding: 0 10px;
}

/*Site header height + padding + BG color*/
.site-header {
background-color: #fff;
padding-top: 10px !important;
padding-bottom: 0px !important;
}

/*Logo Area*/
header#masthead {
	background: none;
}

header#masthead hgroup {
	position: relative;

	padding-bottom: 0px !important;
	padding-top: 0px !important;
	zoom: 0;

/*Box Around links*/
a:focus,
.focus a {
	outline: yes !important;
}

/*menu width*/

.navbar-wrapper .navbar.notresp.row-fluid {
float: none;
width: 100%;
margin: 0 auto;
}

/* more here on */

Is there any thing wrong there?

Thanks

… final question:

I have done so many things on my child style.css that have actually worked.

I do not understand why this last thing have worked only with a custom css plugin and not on my child’s css

this is puzzling my head…

Thanks

Thanks James …

It id work, but I wanted to know if I have to disable styles, I would like to have all in one place like my child’s css.

I read this in an article.

add_filter( 'woocommerce_enqueue_styles', '__return_empty_array' );

thanks

I hope some one can take a look so I can block some countries again.

Thanks…

Hi,

I don’t know why it doesn’t work. I also tried the !important; just in case but neither it worked.

I will unblock countries .. and here is the link…

1-diez.com/shop

Right now the button shadow is kind of hidden because the color of the button is very alike to its shadow. But it’s there…

Thanks a lot for writing

I just remembered that I am using woocommerce … Sorry I had to clarify that before..

It did not work …

may be the one you looked, is on the single product page. The one I need is the one that appears on the store when browsing products.

When I target that object in developers tools the one I see is the one i tried on my first attempt.

I have also tried

ul.products li.product .button{
box-shadow: none;
}

but it din’t work either.

any other thoughts?

Thanks !

Hi

When I set the color of that button to be white or any clear color it does have a shadow. You don’t see it right now because it looks ugly. .. So I set it darker to hide it

I have some countries blocked due to spam that has been driving me nuts. … But if you tell me your country I can unblock it

Thanks a lot for trying to help

Yes … here it is

1-diez.com/shop

thanks for writing

I have tried several things, but this space is stubborn.

I have made all my customizations under a child theme in custom css and functions.php

I would love to get rid of this space…

Any other ideas?

thks!