[Scott G.]

Thank you both!!

[Scott G.]

Well that was simple!
Thanks Satwinder!

[Scott G.]

Thank you Andrea 🙂

[Scott G.]

Hello... I'm reaching out again to see if anyone knows how to answer the question for this post. I'm trying to change the background color of the sidebar using the Smart Passive Income child theme.

Any help is very much appreciated!

I have been able to get part of the background color changed thanks to Dom's suggestions. There remains space at the top, bottom, and right of the sidebar where I have not yet been able to change the background color. Possibly to the left of the sidebar as well, but I am not sure because I do not know where the actual margin is.

Here is an example of the page with a sidebar:
http://investinggoldnow.com/blog

[Scott G.]

Hello... I'm reaching out again to see if anyone knows how to answer the question for this post. I'm trying to change the background color of the sidebar using the Smart Passive Income child theme.

Any help is very much appreciated!

I have been able to get part of the background color changed thanks to Dom's suggestions. There remains space at the top, bottom, and right of the sidebar where I have not yet been able to change the background color. Possibly to the left of the sidebar as well, but I am not sure because I do not know where the actual margin is.

Here is an example of the page with a sidebar:
http://investinggoldnow.com/blog

[Scott G.]

Oh sorry, I did not leave the changes in place. I put it back. Thank you for checking it out.

[Scott G.]

Yes Dom, I'm still trying to figure that out. You have been a great help, and I thank you for that. If you know how to handle those last bits, I'd appreciate your help there too.

Thanks!
Scott

[Scott G.]

Awesome help CleanPageDom, thank you. With your help, I was able to get the whole "inner block" background color changed... that includes the widgets and in between the widgets.

The remaining pieces are above the widgets (to the nav bar), below the widgets (to the footer), and to the right of the widgets (to the edge of the screen/page).

[Scott G.]

For those who find this post due to the same issue...

The problem was caused by having too many links in my content. I removed my repetitive links, and it worked fine.

Problem solved!

[Scott G.]

That solved the problem. Once again Victor, you have come to the rescue!
I am super appreciative... Thank you!!

Scott

[Scott G.]

Thank you Victor, you answered both questions. My content had too many links (even though they were the same)... I have now posted successfully... and I now know how to reach a moderator.

Thank you!!!

[Scott G.]

Ok, this post posted right away... I am going to try the other one again with a different title...

The post confirmation before showed the post without any content... kind of strange. I hit "back" in my browser and copied the text (thank goodness it was still there)!

[Scott G.]

Closing Out This Thread...
Read This if you Have the Same Problem

The advice from Brad and Victor above has been very helpful. I have gained a better understanding of using WordPress, not just to answer my question, but also going deeper with WordPress.

If you are reading this thread because you are also trying to remove the headers, footers, and navigation, and you are also using the Smart Passive Income child theme, then there is an easier way (which I just discovered). The theme itself has a built in template. When editing the page, go to "Page Attributes", then "Template", then choose "Landing". This sets the page for the predefined landing page template, which removes everything.

Scott

[Scott G.]

Thank you Victor.

[Scott G.]

Thank you for your super quick reply Brad. Is there a way to make a snippet change apply to only the page I want to specify... using the page ID number?

[Scott G.]

Check your email

[Scott G.]

Yes... you have the same issue I had...

[Scott G.]

Also, send me you style.css file so I can see what you did...
email to: [email protected]

[Scott G.]

Can you provide a link to your website so I can see it?

[Scott G.]

Here's what I did to fix the problem. I'm not an expert, so I had to screw around with it to get it right. I am pasting my notes below from my own notes that I keep in case I have to do it again. If this doesn't solve your problem exactly, then let me know and I will take a closer look at the actual file to confirm all the changes I made (assuming you want to achieve the same results as I did... check my website to see: http://investinggoldnow.com/)

You can play with the number of pixels to fit your needs, as you'll also need to play with your logo image resolution/size... etc...

Make the Logo / Header Image Larger

Make this change…
.header-image .site-title > a {
height: 160px;

(last line above was: min-height: 80px;)

Can play with this too…
.header-image .title-area {
width: 430px;

(last line above was: max-width: 430px;)

Reduce the Space (Padding) Around the Header Logo/Image

.site-header > .wrap {
max-width: 1280px;
padding: 10px 0;
}

(padding was: 60px)

If you change the padding (above), you'll need to do this as well...
Move the Right Header Widget Vertically
Vertically center the right header widget (it changes after the above padding update)
Essentially, this brings the widget down in an attempt to center it by adding a top margin

.site-header .widget-area {
text-align: right;
margin-top:30px;
}

Margin-top was: 0px

[Author]

Posts