search

cvatch / cvatch.github.io

A Jekyll Stylish Portfolio template by Start Bootstrap used for growtye.info
https://www.growtye.info
Apache License 2.0
0 stars 0 forks source link

change font and style and add shadow in CSS #26

Open cvatch opened 7 years ago

cvatch commented 7 years ago

I found a web font i liked and found the code h1 { font-family: Convergence; font-size: 49px; font-style: normal; font-variant: small-caps; font-weight: bold; line-height: 50px; }

also found the code for the shadow

text-shadow: -1px 0px 5px rgba(0, 2, 0, 1);

then i would want to use this for the subheading tagline (activities to get you talking) h1 { font-family: "Nothing You Could Do"; font-size: 35px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 35px;

just not sure how to update this properly

kirkins commented 7 years ago

Add it to .header-text in the css file:

.header-text {
    font-family: Convergence;
    font-size: 25px;
    font-style: normal;
    font-variant: small-caps;
    font-weight: bold;
    line-height: 50px;
    text-shadow: -1px 0px 5px rgba(0, 2, 0, 1);
}
kirkins commented 7 years ago

The code is valid but the shadow doesn't seem to be working.

cvatch commented 7 years ago

and the colour isn't white. i kept the colour as ffffff though

kirkins commented 7 years ago

My bad code wasn't valid. I didn't look close enough on my review.

https://github.com/cvatch/cvatch.github.io/pull/27#pullrequestreview-47258392

kirkins commented 7 years ago

@cvatch I moved the text to the top. If you want it a little lower try adding some padding. For example:

padding-top: 30px
cvatch commented 7 years ago

when i do it, it is increasing the space between the 2 different headers. i would like it spaced from the top of the page

cvatch commented 7 years ago

and still havent addressed this

"then i would want to use this for the subheading tagline (activities to get you talking) h1 { font-family: "Nothing You Could Do"; font-size: 35px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 35px;"

not sure what to do to make it realise the 2 headers are different.