Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • March 27, 2017 at 8:56 pm #767728
    flowerjovia

    How can i create custom CSS to resize the font in my product grid in the shop? I want to make the description font smaller but keep the price large. The description is huge. I’d also like to make the images smaller. Is there custom CSS for this? Please help I’ve been trying to solve this for 5 days!

    March 27, 2017 at 8:59 pm #767731
    Jordan Shannon

    Hey flowerjovia,

    Please provide login info and link to the site in question so we can begin to solve this for you.

    Best regards,
    Jordan Shannon

    March 27, 2017 at 9:20 pm #767744
    flowerjovia

    The product grid is on the shop page and I’d like the font of the description much smaller and the images smaller.

    March 28, 2017 at 12:26 am #767803
    flowerjovia

    Still trying to figure out how to resize the font in css in the product grid…..anyone who can help. Login details are in the private info.

    March 28, 2017 at 1:09 am #767816
    Jordan Shannon

    Hi,

    Please add this to quick css:

    #top #wrap_all .all_colors h3 {
    font-size: 16px!important;
}

#top .thumbnail_container img {
    margin: 0 auto!important;
    width: 70%!important;
}

    Let me know if this works for you.

    Best regards,
    Jordan Shannon

    March 28, 2017 at 2:27 am #767829
    flowerjovia

    Jordan, you are the best! I swear you have just taken so much stress out of my life. You just don’t even know! One more little thing, can you tell me how to make the cart and Show details buttons more visible? they are so light right now its very hard to see them. I’d like to make them the color that they are when you hover over them and just forget about the hover affect.

    March 28, 2017 at 2:37 am #767830
    flowerjovia

    Little problem…Actually Jordan, it changed the H3 heading on every page and I only want to change it on the description in the shop. Is there a way to make the code specific to just the description in the cart?

    March 28, 2017 at 4:46 am #767853
    Jordan Shannon

    Hi,

    To target the store page only replace the previous codes with this:

    #top.page-id-3750 #wrap_all .all_colors h3 {
    font-size: 16px!important;
}

#top.page-id-3750 .thumbnail_container img {
    margin: 0 auto!important;
    width: 70%!important;
}

    To make the cart buttons more visisble use the following:

    
.avia_cart_buttons {
    opacity: 1!important;
}

    Best regards,
    Jordan Shannon

    March 28, 2017 at 5:11 am #767860
    flowerjovia

    Thank you Jordan, it worked perfectly!

    March 28, 2017 at 6:13 am #767871
    Jordan Shannon

    Hi,

    No problem, I am glad I could help. If you need additional help, please just let us know here on the forums.

    Best regards,
    Jordan Shannon

    March 29, 2017 at 4:57 pm #768918
    flowerjovia

    Hey Jordan,

    I’m having a little problem with the slider on the home page. Im wondering if there’s a way to resize the image so that it can still be the width of the page but I can limit the height to say 450PX? Right now it’s just too large and the text never looks right so I’m trying to create my own graphics with text but then it looks stretched and nothing seems to work. Is there code that I could use in QuickCSS that could limit the height of the slider?

    Thank you!

    March 29, 2017 at 7:05 pm #768990
    Jordan Shannon

    Hi,

    You can try to add this to quick css:

    @media only screen and (max-width: 775px) {
ul.avia-slideshow-inner {
    height: 450px!important;
}}

    Let me know if this works.

    Best regards,
    Jordan Shannon

    March 29, 2017 at 7:43 pm #769023
    flowerjovia

    Hi Jordan,

    I would like it to be full width, it seems this code cuts it off at the sides.

    March 29, 2017 at 9:27 pm #769096
    Jordan Shannon

    Hi,

    You could try to see if this plugin alleviates the issue:

    https://wordpress.org/plugins/ricg-responsive-images/

    Best regards,
    Jordan Shannon

    March 29, 2017 at 10:18 pm #769121
    flowerjovia

    Thanks Jordan! I’ll try it.

    March 29, 2017 at 10:24 pm #769124
    Jordan Shannon

    Hi,

    Great! Let me know if it helps.

    Best regards,
    Jordan Shannon

    March 30, 2017 at 12:45 am #769223
    flowerjovia

    Another quick question for you, in the slider, I’m not using the shading behind the lettering because they grey is very dark and I hate the color. Is there any way to use the shading but make the color opaque?

    Thanks! Your are the most helpful tech person I have ever spoken to, ever!

    March 30, 2017 at 2:37 am #769257
    flowerjovia

    And by opaque, let me clarify, I mean very light almost white like a cloud but see through. I really hope I don’t sound like an idiot. :( I just hate the gray color and I want a color that lightens the picture enough to see the lettering without being dark. Make sense?

    March 30, 2017 at 5:02 am #769277
    flowerjovia

    Hey Jordan,

    I think I have it all figured out and I finally got it the way I like it. Thanks for all your help. :)

    March 30, 2017 at 8:15 am #769327
    Jordan Shannon

    Hi,
    Sorry for the late reply. I am glad you were able to get things worked out. If you need additional help please let me know.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 20 posts - 1 through 20 (of 20 total)
  • You must be logged in to reply to this topic.