Color Codes and pic problems

Home Forums Massage Center (Spa) Forum Color Codes and pic problems

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #154927
    Jenaé Dunn
    Participant
    • Topics: 1
    • Replies: 5
    • Total: 6
    Member since: May 2, 2020

    Sorry, first time making my own website and having some issues.

    1. Is there a list of the color codes that I can reference to when picking the right colors to change?

    2. Main page pic slider- first pic shows up bigger than the others, how do I make all the same size?

    3. In home sections, first section, the pics I uploaded are “stretched” how do I fix this?

    4. In home sections, in procedures section, two pics are half circles and the others are full, why did this happen and how do I make them circles as well?

    http://www.glosocal.com I just want a nice flowing site 🙁

    #154982
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24787
    • Total: 24787
    Member since: August 16, 2013

    Hi,

    1. Is there a list of the color codes that I can reference to when picking the right colors to change?

    Ans: Kindly refer this link.
    https://www.rapidtables.com/web/color/RGB_Color.html

    2. Main page pic slider- first pic shows up bigger than the others, how do I make all the same size?

    Ans: Kindly go to Appearance >> Customize >> Editor >> Scroll down to bottom and paste there:

    .nivoSlider {
        height: 740px !important;
        overflow: hidden;
    }

    3. In home sections, first section, the pics I uploaded are “stretched” how do I fix this?
    4. In home sections, in procedures section, two pics are half circles and the others are full, why did this happen and how do I make them circles as well?

    Ans: Sections are not loading. therefore we are unable to check the issue.

    Regards,
    Brad

    #155014
    Jenaé Dunn
    Participant
    • Topics: 1
    • Replies: 5
    • Total: 6
    Member since: May 2, 2020

    Ok I posted and saved on editor and still seeing first pic larger. on computer and mobile it is showing a thinking bar under main header without the “book now” link. before and after inputting code.
    Check to see if both sections are loading now? loads when I view, maybe because I was working on them?
    Want to change “Welcome to glo” on header color from green to another color, what is the code and where do I insert?

    #155116
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24787
    • Total: 24787
    Member since: August 16, 2013

    Hi,

    Can you send us the screenshot of your issues? Upload your screenshot on http://imgur.com/ and paste the share url here.

    Regards,
    Brad

    #155479
    Jenaé Dunn
    Participant
    • Topics: 1
    • Replies: 5
    • Total: 6
    Member since: May 2, 2020

    View post on imgur.com

    that is what I see on mobile site

    #155517
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24787
    • Total: 24787
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    .nivoSlider {
        height: 740px !important;
        overflow: hidden;
    }
    @media screen and (max-width:767px){
    .nivoSlider {
        height: auto !important;
    }
    }
    
    @media screen and (min-width:768px) and (max-width:1140px){
    .nivoSlider {
        height: auto !important;
    }	
    }

    Regards,
    Brad

    #156834
    Jenaé Dunn
    Participant
    • Topics: 1
    • Replies: 5
    • Total: 6
    Member since: May 2, 2020

    Oh my gosh, thank you! working fine on mobile as well. Need to address the two photos that show half circles in the popular procedures section and figure out how to change the front slider “welcome to glo” color from green to black

    #156911
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24787
    • Total: 24787
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    .nivo-caption .title span { background:#282828;}

    Regards,
    Brad

    #157341
    Jenaé Dunn
    Participant
    • Topics: 1
    • Replies: 5
    • Total: 6
    Member since: May 2, 2020

    excellent! The two half circles are still showing for “popular procedures”. sorry to be such a pain.

    #157447
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24787
    • Total: 24787
    Member since: August 16, 2013

    Hi,

    Can you send us the screenshot of your issues? Upload your screenshot on http://imgur.com/ and paste the share url here.

    Regards,
    Brad

    #157694
    Jenaé Dunn
    Participant
    • Topics: 1
    • Replies: 5
    • Total: 6
    Member since: May 2, 2020
    #157744
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24787
    • Total: 24787
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    .owl-carousel-builder .owl-item img { min-height:220px;}

    Kindly use this size for Popular Procedures images….400x400px

    Regards,
    Brad

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