Portfolio Loader color

Shapely
1

Hi there,

I am trying to attempt to find a way to change the color of the loader (shown in blue)when you load the portfolio section. Does anyone know?

2

Hi @terryk,

I hope you are well today and thank you for your question.

Could you please share me the page URL from your site where it’s displaying so that i can help you?

Kind Regards,
Movin

3

Hi there,

This is the page, before the portfolio part loads there is a blue square that flips around and around I was wondering if we could change it.

Thanks

4

I think you forgot to share the page URL so could you please share it?

5

Hi, sorry

Here it is. http://terryck.com/portfolio/

Also just a quick question, I am currently using the Century Gothic San Serif font for my website, however when I came home and used it on my desktop that has a 1920 x 1080 resolution, my fonts look pixelated is there a reason why?

6

You can try changing loader color by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other

.masonry-loader .spinner {
    background-color: #D24747;
}

Please change the color value in the above code to whatever you want to use by referring the following pages.

http://www.w3schools.com/html/html_colorvalues.asp
http://www.w3schools.com/tags/ref_colorpicker.asp

I am currently using the Century Gothic San Serif font for my website, however when I came home and used it on my desktop that has a 1920 x 1080 resolution, my fonts look pixelated is there a reason why?

Please make sure that you are loading all font files of that font as described on the below pages.

7

Hi there,

Thanks for providing the code with the loader. It worked like a charm.

I switched my font to Helvetica, Arial, sans-serif;
I am just looking for web safe fonts. Just want to make sure I am doing this right by referring to this?
http://www.w3schools.com/cssref/css_websafe_fonts.asp

8

You are most welcome here :slight_smile:

I am just looking for web safe fonts. Just want to make sure I am doing this right by referring to this?

Yes you are doing it right.

9

Hi,

It may be derived from the main topic.

However, whenever I use my desktop PC with the resolution 1920 x 1080 the fonts look like this. However, when I use my iphone, tablet, and macbook the fonts all seem smooth and not jagged.

10

It’s displaying fine for on my PC as shown in the attached screenshot.

Which browser are you using?

Try using chrome or different browser.