Header text and entry-title 2014…

  • Cr00zng

    (@cr00zng)


    9 years, 8 months ago

    I am in the process of creating a new blog, WP 3.9.2 twenty-fourteen theme with child.

    The copyright notice in the header need to be colored and centered. couple of things that I’ve tried did not have the desired effect. Where can I find the code to modify the appearance of the notice?

    Also…

    The entry-title is centered and colored with either one of these codes:

    .entry-title {
	color: #8f08e5 !important;
	font-weight: 300;
	font-size: 33px;
	font-family: times new roman;
	text-align: center;
	}

h1.entry-title {
	color: 8f08e5 !important;
	font-weight: 300;
	font-size: 33px;
	font-family: times new roman;
	text-align: center;
	}

    The centering did work, but not the color of the title. And I have not been able to find how to change the hoover color for the title.

    I apologize for multiple questions, but running in circles for awhile…
    TIA…

Viewing 3 replies - 1 through 3 (of 3 total)
  • Craig Ralston

    (@craig-ralston)

    9 years, 8 months ago

    The copyright notice in the header need to be colored and centered. couple of things that I’ve tried did not have the desired effect. Where can I find the code to modify the appearance of the notice?

    .header-main .spacer {
/* your styles here */
}

    The centering did work, but not the color of the title. And I have not been able to find how to change the hoover color for the title.

    .entry-title a:hover {
/* your hover effect color or styles here */
}

/* The color on the .entry-title a is overriding the color you added on the h1 that it is wrapped in. */
.entry-header .entry-title a {
color: #8f08e5 !important;
}
    Ismail

    (@elhardoum)

    9 years, 8 months ago

    to color your copyrighted text, open your header.php and find :

    <div class="spacer">All images © 2014 O & K Consulting LLC (a.k.a. grandparents)</div>

    now add your color and center the text :

    <div class="spacer" style="color:red;margin-left:30%;">All images © 2014 O & K Consulting LLC (a.k.a. grandparents)</div>

    the float won’t work even if you add !important; because the text is forced to follow a rule that was already set in the header or because of that spacer class.. anyways, use margin-left

    let me know anything ..

    Thread Starter Cr00zng

    (@cr00zng)

    9 years, 8 months ago

    Thanks guys…

    @craig… The suggested code worked just fine and gave me an idea for changing other link/hoover colors. Like date of posting, leave comments, etc…

    @sam… I added your suggestion to the child CSS:

    p.copyright_okc {
	margin-left: 35%;
	margin-top: 1.0em;
	color: #8f08e5;
	font-size: 0.85em;
	/* line-height: 1.0em; */
	}

    Without the top margin or line-height, the text was right against the header image. Unfortunately, the header background height increased by the value specified in the child CSS. Any reason why it behaves as such?

    Also, adding the “p” style to the “footer.php” did not center the text. The footer background height did increase with the value specified in the “p” style. Maybe the left margin value need to be increased for the footer?
    TIA…

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Header text and entry-title 2014…’ is closed to new replies.