blog grid for archives, tags, categories, sidebars, separator

This topic has 6 replies, 3 voices, and was last updated 8 years by Radu.

Author
November 30, 2017 at 15:52 #181573

vegarandi
Participant

Hello!

I have a question about viewwing blog posts, archive categories tc. where more than one post show up.

Kleo has a custom blog page look, which I am not sure where to change.

I have created a custom blog page with a grid and it looks great, however if I click on archive, or a category or tag page still this Kleo page look shows up. We would like to change that where can I so that?

Also, about sidebar widgets. For my buddypress pages I want to have my sidebar on the left, but for blog pages on the right. For some reason the theme uses the same sidebar for this left and right sidebar called main sidebar. How can I have different side bar for buddypress and my blog? Lets call it left and right sidebar. I can only see options in KLEO theme options, but that does not solve this problem.

And a third question, I have a black separator between sidebars and the main area. Where can I change the look of that, I cannot find it.

Thanks.

Zsusza

December 1, 2017 at 01:49 #181621

Laura
Moderator

Hello, will assign the ticket to a higher support level who can help and advise you in your query.
Thanks! ?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

December 4, 2017 at 16:15 #181912

Radu
Moderator

Hi,

All blog options can be found under wp-admin -> theme options -> blog, from there you can change the layout for certain views of the blog.

The buddypress layout settings can be handled under wp-admin -> theme options -> buddypress

If you need more sidebard by buddypress components you can use a plugin like this : https://wordpress.org/plugins/buddypress-sidebar/

For custom sidebar on blog related pages try this plugin : https://wordpress.org/plugins/custom-sidebars/

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

December 8, 2017 at 15:37 #182352

vegarandi
Participant

Hello,

Thanks for the answers.
I do know where to find the theme options. I think I did not use the appropriate terminology for my questions.

Q1: KLEO post builder: My questions was where to change the look of KLEO post builder. Right now it has a purple line on the left side which does not match our look. Is it possible to customize the look, the border, fonts etc.? See picture attached.

Q2: Under theme options I set the blog to have a sidebar on the left and in buddypress a sidebar to the right. However, it uses the same sidebar from widgets. This is a problem for me because I would like to have different sidebar on budypress pages and on blog pages. I do not know where to fix this.

Q3: I did not get an answer for this. I have a black separator between sidebars and the main area. Where can I change the look of that, I cannot find it.
You can also see it on the image attached on the right side.

Q4: On my main page a white line appeared above the menu, although I have not changed it. And I cannot find what happened. I also have an image attached about this. Please help me out.

Thanks.

Zsuzsa
December 8, 2017 at 19:25 #182398

Radu
Moderator
Hi,

1. Those are the css selectors with that you can change the style of those
COPY CODE
```
.main-color blockquote, .main-color .masonry-listing .post-content {
    border-left-color: red;
}

.post-listing .post-title a {
    color: red !important;
}

.posts-listing h3.post-title a {
    color: #24c826 !important;
}
```
Change colors with your desired set font-weight: bold… etch

2. Use this css selector
COPY CODE
```
.sidebar.sidebar-main.sidebar-right {
    border-color: yellow;
}
```
3. Try this plugin : https://wordpress.org/plugins/buddypress-sidebar/

4. Use this css
COPY CODE
```
.home div#main {
    padding-top: 0px;
}
```
The CSS will be added to wp-admin -> theme options -> general settings -> quick CSS

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Ticket solution
December 9, 2017 at 17:18 #182453

vegarandi
Participant

Thank you, Radu!

Q2, Q4 SOLVED. 🙂

Q3, I am working on.

Q1: Thanks for the css selectors. This works great!
But the little purple line next to the title still does not disappear.

.main-color blockquote, .main-color .masonry-listing .post-content {
border-left-color: red;
}

This makes the whole left border change color. Not just at the title.
So I would need another css selector for this.

Where can I find these selectors, so I do not have to come back to you every time. I am not that good with css, but I am quick to learn, hopefully.
I tried to look at .css files on the ftp, but I am lost.

Thank you again.

Zsuzsa
December 11, 2017 at 16:48 #182681

Radu
Moderator
Hi,

Q1:
COPY CODE
```
.masonry-listing .format-standard .post-title {
    border-left: 3px solid #01ec39;
}
```
Take a look at this video how you can find the right selector for your element : https://www.youtube.com/watch?v=V2aAEzlvyDc

You can watch more videos like these to fully understand how this works.

So after you make a css selector that changes the title color from example you can add it in wp-admin-> theme options -> general settings -> quick css

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
Author

Posts