Community Forums › Forums › Archived Forums › Design Tips and Tricks › CSS to remove a white block on Blog page
- This topic has 5 replies, 4 voices, and was last updated 10 years, 4 months ago by
erickawatson.
-
AuthorPosts
-
April 13, 2016 at 10:08 am #183530
erickawatson
ParticipantI'm working with the Kickstart Pro theme, and the blog page in particular. No matter how I've tried to adjust the CSS for the blog page, I cannot get rid of the white box behind the title of the page. I've scoured the entire CSS and can't find anything that corresponds to that particular block. See here: http://hrhcombatarms.com/the-armory/
What CSS can I add or should I be looking for in order to get rid of this and change it to the color of the site background?
Thanks,
Ericka WatsonHere is the Blog page code:
/* Archive / Blog Page
--------------------------------------------- */.archive .archive-before-content {
background-color: #f2f2f2;
color: #fff;
}.archive .entry,
.page-template-page_blog-php .entry {
margin-bottom: 80px;
}.archive .entry-title,
.page-template-page_blog-php .entry-title {
background-color: #f2f2f2 !important;
font-size: 42px;
margin-bottom: 35px;
}.blog-top {
background-color: #f2f2f2 !important;
color: #fff;
padding: 110px 0;
}.blog-top .entry-content a.more-link {
background-color: #34393e;
display: block;
margin-top: 50px;
position: absolute;
}.blog-top img {
padding-left: 10%;
}.blog-top .entry {
margin-bottom: 0;
}.blog-top .entry-title a {
color: #f2f2f2;
}.blog-top .entry-title a:hover {
opacity: 0.5;
}April 13, 2016 at 10:20 am #183536Victor Font
ModeratorIt's difficult to say from your post. We need to see the site so we can use our browser's inspect element tool to examine the CSS.
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?April 14, 2016 at 5:47 pm #183635erickawatson
ParticipantDo you mean Firebug? I've tried to use that tool, but it doesn't show me. The page is http://hrhcombatarms.com/the-armory/
April 14, 2016 at 6:53 pm #183637IDX Leads
MemberI am pretty sure what Victor meant was you can not see a page when the site is restricted by a maintenance mode or coming soon plugin, unless you are logged in. Now that that plugin is no longer restricting access, your "behind" description is still vague, but you probably want to make this change based on what I see:
.archive-description, .author-box { background-color: #f2f2f2; }Then adjust or remove the margin-bottom of that element to suit your fancy.
Esse quam videri
April 15, 2016 at 1:56 am #183660chanvanvan
Memberthank you Just Dave
April 18, 2016 at 5:33 am #183818erickawatson
ParticipantThank you both! That was it and it's all fixed now.
I didn't realize I still had it in maintenance mode when I sent my first question out.
I can't tell you how much I appreciate the help.
Ericka
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.