Jonathan Chen
asked 7 years ago

I really like this free theme, thanks but I want to customize a little…
1. I tried going in appearance>editor>styles.css and its blank without anything to edit..? How to get this back?
2. Some of my posts has a ‘smiley’ and when I decrease window size the icon stretches entirely which isn’t something I ever saw before in other themes…how to fix this?
3. Is there a way to widen the main sidebar widget?
4. How to center the header titles in all widgets?
Thanks in advance!!

Jonathan Chen
replied 7 years ago

Forgot to link you to my site so you can determine what needs to be done. thank you again exercisingcap.com

2 Answers
Wilfred
answered 7 years ago

Hi Jonathan.
The site exercisingcap.com that you have sent us, is not using any of our theme.
Can you please send us your site that using our theme for further checking?

Jonathan Chen
replied 7 years ago

hello wilfred, sorry for the late response, i was testing with other themes but i really want to get this working. i have updated the theme back to the wallpress theme, could you please check these issues?

Jonathan Chen
replied 7 years ago

is there a way to center the template instead of the extreme left side for the blog posts? i'm unable to see the style.css also, any reason why? i have a few other questions but i'd like to resolve these first. thank you!

Wilfred
answered 7 years ago

1.I tried going in appearance>editor>styles.css and its blank without anything to edit..? How to get this back?
Our files are located in CSS folder in the path: your site > wp-content > themes > assets > css.
You cannot access to these file via Editor  (appearance > editor).
We use the file style.css to call actions in theme not to edit and style in this file

2. Some of my posts has a ‘smiley’ and when I decrease window size the icon stretches entirely which isn’t something I ever saw before in other themes…how to fix this?
Please add the following code to Header code in  Dashboard > Appearance > Customize > Custom code > Header Code

<style>
@media (max-width: 719px) {
.item-content img, .post-content img {
width: auto;
}
}
</style>

 
3. Is there a way to widen the main sidebar widget?
To widen the main sidebar please add following code to header code in  Dashboard > Appearance > Customize > Custom code > Header Code

<style>
@media (min-width: 986px) {
#main {
padding-left: 200px
}
#sidebar {
width: 200px;
}
}
</style>

 
4. How to center the header titles in all widgets?
To center the header titles in all widgets please add following code to header code in  Dashboard > Appearance > Customize > Custom code > Header Code

<style>
.widget-title {
text-align: center !important;
}
</style>

 
5. is there a way to center the template instead of the extreme left side for the blog posts?

– Open file layout-blog.php in Your site > wp-content > themes > your theme > layout-blog.php

– Cut & paste following code form line 43 to 8:

<?php get_sidebar(); ?>

– Add following code to header code in  Dashboard > Appearance > Customize > Custom code > Header Code

<style>
@media(min-width: 1011px){
.page-template-layout-blog-php #header-inner,
.page-template-layout-blog-php #container {
max-width: 980px;
margin: 0 auto;
}
.page-template-layout-blog-php #main {
padding-left: 0;
}
.page-template-layout-blog-php #sidebar {
position: static;
float: left;
}
}
</style>

Hope these answer your questions 🙂

Powered by DW Question & Answer Pro