Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Great template - few newbie questions. #77

Closed
rusticrajp opened this issue Sep 25, 2020 · 10 comments
Closed

Great template - few newbie questions. #77

rusticrajp opened this issue Sep 25, 2020 · 10 comments

Comments

@rusticrajp
Copy link

  1. Is there a example for Twitter social icon?
  2. Is it possible to change the font?
  3. Is it possible to change the width, so the left side is reduced a bit? it looks like profile takes a lot of space?

Thanks,
Raj

@lxndrblz
Copy link
Owner

lxndrblz commented Sep 25, 2020

@rajganeshp

  1. yes that's possible:
[[params.socialIcons]]
icon = "fa-twitter"
title = "twitter"
url = "https://www.twitter.com/username"
  1. yes, you could change that using css. Simply include a custom CSS.
  2. yes, you could change that easily using your custom css too.
    you would need to change the css classes .sidebar, .content and .page-top.

@lxndrblz lxndrblz reopened this Sep 25, 2020
@lxndrblz
Copy link
Owner

@rajganeshp you can change the font like this:

@import url(//fonts.googleapis.com/css?family=Open+Sans);
body{
    font-family: 'Open Sans', sans-serif;
}

Place that snippet in a css file within the assets/css folder and include it as described in the README.md

@rusticrajp
Copy link
Author

rusticrajp commented Sep 25, 2020 via email

@rusticrajp
Copy link
Author

Is the above snippet changing the blog post font size. I see the date only in the location where it show the "date" in the blog post. Is there a way to change blog posts font. i would like it little bit bigger if possible.

@lxndrblz
Copy link
Owner

It's changing the font but not necessarily the size. if you want to adjust the font size, then go like this:

.post-content p {
font-size: 14px;
}

You can easily see the results by using the inspector in your browser.

@rusticrajp
Copy link
Author

it actually changes some parts of the post like bullets and post.

@lxndrblz
Copy link
Owner

Which part do you want to increase? Just your date or the whole content?

@rusticrajp
Copy link
Author

rusticrajp commented Sep 25, 2020 via email

@lxndrblz lxndrblz reopened this Sep 25, 2020
@rusticrajp
Copy link
Author

if you need, take a loot at my site, https://www.connectthoughts.com. I like the font of the post to be little bigger. I'm not sure which font offers the best readability. Again, you helped a lot, but this is something will be better to have. Thanks again.

@lxndrblz
Copy link
Owner

Like I said earlier, this can all be done using a custom css script.

image

However, I won't be providing you with a snippet, as this is outside of the scope of these GitHub issues. Please see the available resources online and tinker a bit around yourself, and you'll should be able to achieve satisfying results.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants