Shop Categories

X

Forum Replies Created

Viewing 15 posts - 1 through 15 (of 30 total)
  • Author
    Posts
  • in reply to: Center menu and Heather logo effect #29161
    Diego Letelier
    Participant

    Hello,

    YEs I could like the same style.
    On your pic, the logo is centered and I want the logo on the left and the menu centered, is that possible?

    New link

    Inicio – English

    Best regards,
    Diego.

    in reply to: top bar color with alpha control? #28631
    Diego Letelier
    Participant

    Great, thank you!

    Just one more thing, can I control the color of the links on the drop off on the main menu? I wish they are grey. I have a grey background for them now, but I couldn’t make them grey so I can see them when they have a white background.

    Regards,
    Diego

    in reply to: Shipping choice & drop off menu characters color #27528
    Diego Letelier
    Participant

    Hello Zex!

    I have other CSS codes, a lot. Is there anyone here that could be interfering with? It is not working.

    #top-bar{
    background-color:grey!important;
    }
    #top-social ul li a {
    color:white!important;
    }
    .agama-primary-nav,
    #agama-logo img{
    float: none!important;
    display:inline!important;
    }
    .agama-primary-nav {
    float: none!important;
    left:26%!important;
    max-width: 65%!important;
    }
    .top-links {
    margin-left:37%;
    }
    #top-bar .pull-left{
    float:none!important;
    }

    @media (max-width:992px) {
    .sticky-header.sticky-header-shrink {
    position: fixed!important;
    height:80px!important;
    }
    nav.mobile-menu {
    position: fixed!important;
    width: 100%;
    top: 70px!important;
    height: 250px!important;
    overflow: auto!important;
    z-index:9999;
    }
    }

    #masthead .agama-primary-nav .sub-menu-item a {
    font-size: 14px!important;
    }
    @media only screen and (min-width: 993px) {
    #agama-logo .logo-mobile{
    display: none!important;
    }
    }
    @media only screen and (max-width: 992px) {
    #agama-logo .logo-desktop{
    display: none!important;
    }
    }
    @media (max-width: 767px){
    ul.products.columns-3 {
    display: flex;
    flex-flow: row wrap;
    }
    .woocommerce ul.columns-3>li {
    width: 47%!important;
    }
    }
    /*Product title font size particularly*/
    .post-328 h2.woocommerce-loop-product__title,
    .post-594 h2.woocommerce-loop-product__title
    {
    font-size:15px!important;
    }
    /*Related product title color*/
    .single-product .related.products h2{
    color: white!important;
    }
    .single-product .related h2.woocommerce-loop-product__title{
    color: gray!important;
    }
    /*products height*/
    .inner_product{
    height:500px!important;/*Change this value if needed*/
    }
    /*my-order font color*/
    .woocommerce .shop_table.cart tbody tr:nth-child(even),
    .woocommerce-page .shop_table.cart tbody tr:nth-child(even) {
    color:black!important;}
    /*Tu pedido Producto font color*/
    .woocommerce .shop_table tbody tr.cart_item:nth-child(even)
    {
    color:black!important;
    }
    /*Total de carrito and
    Detalles de facturation
    width on mobile */
    @media (max-width: 767px){
    .woocommerce .cart-collaterals .cart_totals,
    .woocommerce-page .cart-collaterals .cart_totals,
    .woocommerce .col2-set .col-1,
    .woocommerce .col2-set .col-2{
    width:100%!important;
    }
    /*Dropdown list color*/
    .select2-results{
    color:black!important;
    }
    /*Hide shipping details on the cart page*/
    .woocommerce-cart .cart_totals .shipping{
    display: none!important;
    }

    }
    /*Payment method description font color*/
    .woocommerce-page #payment div.payment_box p{
    color:black!important;
    }
    /*remove the magnified glass on hover*/
    .woocommerce div.product div.images img.zoomImg{
    display: none!important;
    }
    /*Cart total colors*/
    .cart_totals td,
    .cart_totals h2{
    color:white!important;
    }

    /*mobile view one column*/
    @media (max-width: 560px){
    ul.products:not(.columns-1) li {
    width: 100% !important;
    }
    }
    /*footer widgets width fix*/
    @media (max-width: 479px){
    .container {
    width: 100% !important;
    }
    }
    /*Hide filtering*/
    .woocommerce .product_filtering{
    display:none!important;
    }

    /*Tab titles color*/
    .woocommerce-tabs .tabs li a{
    color:white!important;
    }
    /*img in products opacuty*/
    .inner_product img{
    opacity: 0.9;/* set this value 0-1*/
    }
    .woocommerce .products li{
    background:rgba(255,255,255,1.0); /*Use this for white semi transparent background color:rgba(255, 255, 255, 0.80)*/
    }
    /*Checkout tiltle color*/
    .woocommerce-checkout h3 {
    color:white!important;
    }
    /*Checkout label title color*/
    .woocommerce-page form .form-row label {
    color:orange!important;
    }
    /*WooCommerce Order details colors*/
    .woocommerce-page .order_details li strong{
    color:white!important;
    }
    .woocommerce-bacs-bank-details{
    color:white!important;
    }
    .woocommerce-order-details h2,
    .woocommerce-checkout .woocommerce h2{
    color:white!important;
    }
    .shop_table.order_details tfoot{
    color:white!important;
    }

    #footer-wrapper .site-info{
    text-align:center;
    width:100%!important;
    margin:10px auto;
    }
    #footer-wrapper .social {
    float: right;
    }

    Sorry about the mess

    Regards,
    Diego

    in reply to: Shipping choice & drop off menu characters color #27521
    Diego Letelier
    Participant
    This reply has been marked as private.
    in reply to: Acouple of more questions, hope the last. #26959
    Diego Letelier
    Participant

    Hello, I guess you didn´t read the last post? copy and paste here:

    The question was for these text placed on the next tab. please check the image.

    https://prntscr.com/stxue3

    Regards

    in reply to: Acouple of more questions, hope the last. #26937
    Diego Letelier
    Participant

    Yes, it works perfect, I will take it too. The question was for these text placed on the next tab. please check the image.

    https://prntscr.com/stxue3

    Regards

    in reply to: Acouple of more questions, hope the last. #26935
    Diego Letelier
    Participant

    Great! Now it did, thank you!

    This one when I applied didn´t see any changes, it doesn´t work or I´m not using it correctly.

    /*my-order font color*/
    .woocommerce .shop_table.cart tbody tr:nth-child(even),
    .woocommerce-page .shop_table.cart tbody tr:nth-child(even) {
    color:black!important;}

    Regards,

    in reply to: Acouple of more questions, hope the last. #26927
    Diego Letelier
    Participant

    The CSS works fine except for this one:

    /*Related product title color*/
    .single-product .related.products h2{
    color: white!important;
    }
    .single-product .related h2.woocommerce-loop-product__title{
    color: gray!important;
    }

    Thank you for the png image!

    Regards

    in reply to: Responsive, text colors and css style questions #26816
    Diego Letelier
    Participant

    Thank you!!!

    in reply to: Responsive, text colors and css style questions #26789
    Diego Letelier
    Participant

    Most of the css worked. I fixed the blog issue by changing the template of the page. The default one was giving this weird response. Anyhow, many thanks!

    Just one more question.

    There is any way to downsize one or two titles for a specific woo-commerce product? The issue is, they don´t get align on the shop page on the bottom side. Just two of them are a little bit longer than the others. Or maybe, you have a better idea to solve this little detail?

    Best regards.

    Diego Letelier
    Participant

    Thank you!

    The work perfect, but I didn´t explain myself correctly in regard to the magnifying glass. I would like to keep it on the page, just the function of the mouse over we don´t want it. Can we have that? Just the “magnifying glass” but not the mouse over function that has?

    Thanks again for your great support.

    Regards.

    Diego Letelier
    Participant

    It worked perfectly thanks!

    Couple of more questions, I wish the “magnifying glass” for the product image, wasn’t display, is that possible?

    And please let me know how change the color of check out titles and text.

    https://prntscr.com/satsxl

    Thanks!

    Diego Letelier
    Participant

    Just one more question…

    I would like to have images with a minimum height so they look better on mobile. I am using elementor right now for this feature but it is a big plugin just for that.

    I noticed that there is a class that you can set for the images, can you set a minimum height for specific images?

    https://prntscr.com/s8k2yu

    Than you!

    Diego Letelier
    Participant

    ok it works!

    Yeah, I don´t understand how the bracket should go, someday I will 🙂

    best regards.

    Diego Letelier
    Participant

    Hello,

    I send you imgs.

    The code on customizer on desktop view:
    https://prntscr.com/s825fu

    Same thing on smaller views (it actually behaves like that).

    https://prntscr.com/s826ja

    Regards,
    Diego

Viewing 15 posts - 1 through 15 (of 30 total)