yanghoyun

OK, so I did some research and found my own answer. Turns out the theme I’m using is a commercial theme called Verko that a prior developer customized and called it his own before selling it to me. I contacted the original theme author and they said the blog archive page (i.e. the page you get when you click on a blog category link) cannot be customized and implemented globally on the site. So in order to get the blog category page to look like the blog summary page, I have to create individual pages for each blog category then create a widget with links to each category page to include in my right navigation bar.

Not a very elegant solution – easy fix, but time consuming especially as the number of categories increase.

Understood, thank you.

I backed up and use your recommended find/replace script. Worked like a charm, thanks!!

OK, with the help of a friend, I was able to figure this out. I pasted the following code into the Custom CSS and it worked:

aside.df-sidebar.df_span-sm-3 {padding-top: 40px}

For other people who have no experience (like me) with CSS, these are the things I had to learn:

Meaning of a class
Proper syntax for padding
How to use Safari Element Inspector tool and the Style tab

Took me 1.5 days to figure this out, but figure it out I finally did. This is the kind of lesson I will never forget…

OK, with the help of a friend, I was able to figure this out. I pasted the following code into the Custom CSS and it worked:

aside.df-sidebar.df_span-sm-3 {padding-top: 40px}

For other people who have no experience (like me) with CSS, these are the things I had to learn:

Meaning of a class
Proper syntax for padding
How to use Safari Element Inspector tool and the Style tab

Took me 1.5 days to figure this out, but figure it out I finally did. This is the kind of lesson I will never forget…

I’m having the same problem but would like to add padding to the top of the Primary Sidebar widget. I tried adding this in Custom CSS:

.widget_alx_tabs {
padding-top80px !important;
}

But it didn’t work. Here is the page:

https://www.we-impact.com/blog/

Any suggestions?

Thank you for the suggestions, I’m eager to learn more.

However, part of my problem is that I’m using a custom theme created by a developer and the style.css file in themes folder says:

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use the customizer custom css to add your styles. You have been warned! ??

Do you know where I might find the code for the theme so I can begin my learning process?

It worked, thank you so much!!