Get rid of box line running around the edge of the main page

theonecoleman2014 · Member · Jul 22, 2014 at 12:00 am
Copy link

Add topic to favorites
Hi,

I know nothing about coding as such but not a complete novice with a computer so please bear with me.

There seems to be an annoying dark line rim running along the outside of the blog area. (Specifically the header) How can I get rid of that?

The blog I need help with is: (visible only to logged in users)
jsmutek · Member · Jul 22, 2014 at 12:08 am
Copy link
Hi, if you have the advanced customization addon and you’re able to adit your themes css, you might try:

#header, #inner {border: 0;}

That should get you fixed up.

That bit of CSS is targeting the header element and the inner element, which wraps the lower portion of your page, and applying a border of 0, which overrides the borders that are set by the theme.

Hope that helps!
theonecoleman2014 · Member · Jul 22, 2014 at 10:15 am
Copy link
Thanks soooo much! That instantly worked! Your a diamond.

I have so many more questions. I will create a list if thats ok. I really appreciate your help, don’t worry if the list is too long. I appreciate we all have time constraints.

Thanks again
theonecoleman2014 · Member · Jul 22, 2014 at 10:18 am
Copy link
How can I change the size of my header?
I would like to it to fit the whole space along the top.

Also I would like to change the colour of the black box to white and have my text as white instead. I hope that makes sense.

Thanks
jsmutek · Member · Jul 22, 2014 at 4:04 pm
Copy link
Hey there, no problem at all, I’m happy I was able to help.

I’ll be happy to try to give you a hand with your other questions in a bit, unless someone else drops in first.
theonecoleman2014 · Member · Jul 22, 2014 at 4:22 pm
Copy link
Cool dude. Thanks a lot :D

Also I have these grey lines separating my posts. They are really annoying me as well some headers being a different font to the others.

Can I change these too?
theonecoleman2014 · Member · Jul 22, 2014 at 4:26 pm
Copy link
Also, can i make my header size bigger on the text “Awesome people” and “Featured Workout Music”?
thesacredpath · Member · Jul 23, 2014 at 4:02 am
Copy link
For the grey lines separating the posts, add the following to hide them.
```
#home-top, #home-top .border, #home-middle, #home-middle .border {
    border: none;
}
```
If you only want to increase the size of “Awesome People” and not Featured Workout Music as well, add the following and adjust the font size as desire.
```
#featured-post-18 .widget-wrap .widgettitle {
    font-size: 16px;
}
```
If you want to increase the size of both, use the following instead.
```
#home-middle .widget-wrap .widgettitle {
    font-size: 16px;
}
```
theonecoleman2014 · Member · Jul 23, 2014 at 7:06 am
Copy link
These all worked! Awesome!!! Thanks man

Really I would like all headers on the blog bigger? I’m going to have a tinker around with the code you sent and see if i can do it myself. I can see what you’ve done so i’ll give it a go.
theonecoleman2014 · Member · Jul 23, 2014 at 7:10 am
Copy link
Yep, That never worked like I thought it would???
I tried…

}
#footer-1, .border, {
border: none;

With no luck? Gutted :(
theonecoleman2014 · Member · Jul 23, 2014 at 7:14 am
Copy link
YES!

This one worked though.

#home-top .widget-wrap .widgettitle {
font-size: 25px;
}

haha! Well happy
theonecoleman2014 · Member · Jul 23, 2014 at 7:20 am
Copy link
#primary-sidebar, #primary-sidebar .border {
border: none;
}

This never worked either. DAMN!
theonecoleman2014 · Member · Jul 23, 2014 at 7:56 am
Copy link
Ok, ok, ok now we’re talking.

Just found out about the inspector on FireFox. LOVE THIS! Tweak city.

I will try to sort out these things myself and if i can’t i’ll ask.

Thanks so much for your help so far :D

No items found.