Color Codes and pic problems

[Jenaé Dunn]

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?

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

[Sonnal S Sinha]

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

[Jenaé Dunn]

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?

[Sonnal S Sinha]

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

[Jenaé Dunn]

https://imgur.com/TAOldCZ

that is what I see on mobile site

[Sonnal S Sinha]

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

[Jenaé Dunn]

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

[Sonnal S Sinha]

Hi,

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

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

Regards,
Brad

[Jenaé Dunn]

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

[Sonnal S Sinha]

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

[Jenaé Dunn]

https://imgur.com/gallery/4tQZ600

[Sonnal S Sinha]

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

[Author]

Posts