how to make title for blog post smaller (suddenly expand for no reason)!

  • hi, i am on twenty-two theme. using child theme now to implement modifications

    i recently removed the header image from each page, including the blog page
    https://travelmolecule.com/blog/

    now, suddenly, the title for blog post expand to so big! i dont know why. but can someone please help? because i coudlnt figure which line on .css is causing it

    i want the title of blog post to be much smaller and less space separating it with the content of blog post.

    help? thanks in advance.

Viewing 8 replies - 1 through 8 (of 8 total)

  • You’ve done it now, woman! Irreparable damage has been done!

    OK, not really.

    In child css, try:

    h1.entry-title {
    font-size:14px; (? guessing)
    font-size:0.85rem; (? really guessing!)
    }

    Oh, and browsers now all have a right click function that shows the css:

    Right click, choose “Inspect Element”

    Thread Starter wpnoob2014

    (@wpnoob2014)

    thanks! but i dont think i have h1.entry-title . i only have

    .entry-header .entry-title (which appear twice at different place, with different font size

    and

    .site-header h1 (i dont think you mean this one)

    below is the .css code from parent theme.
    i found two sections which i think is the suspected areas. but i dont know why their default font size in parent theme is different? what’s going on? where should i copy over and updated in child’s theme

    /* =Main content and comment content
-------------------------------------------------------------- */

.entry-meta {
	clear: both;
}
.entry-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-header img.wp-post-image {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-header .entry-title {
	font-size: 20px;
	font-size: 1.428571429rem;
	line-height: 1.2;
	font-weight: normal;
}
.entry-header .entry-title a {
	text-decoration: none;
}

    and a few more lines below

    }
	.main-navigation li ul li a:hover,
	.main-navigation li ul li a:focus {
		background: #e3e3e3;
		color: #444;
	}
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #636363;
		font-weight: bold;
	}
	.menu-toggle {
		display: none;
	}
	.entry-header .entry-title {
		font-size: 22px;
		font-size: 1.571428571rem;
	}
    Thread Starter wpnoob2014

    (@wpnoob2014)

    also, unrelated to the above question: how do i make two horizontal lines above and below my navigation buttons to be closer to the words of navigation buttons ABOUT ME, BLOG, etc? it’s bugging me. and i dont want so much space between the top line with top of ABOUT ME, and bottom line with bottom of ABOUT ME. i tried tweaking font size and REM and all that but it still cant get close enough

    also, can i change the single lines to double horizontal lines?
    how do i do that?

    https://travelmolecule.com/

    There is nothing in the main theme controlling that element.

    Just add it to the child css

    Thread Starter wpnoob2014

    (@wpnoob2014)

    oh ok, dumbo me.

    will try now

    also, possible to help me with the line question?

    .main-navigation li a {
    change the line-height

    .main-navigation ul.nav-menu,
    .main-navigation div.nav-menu > ul {
    border-bottom: 5px double #ededed;
    border-top: 5px double #ededed;

    Thread Starter wpnoob2014

    (@wpnoob2014)

    sweet. you are the best tanath! :)))

    thanks bunches. i am learning more and more… in baby steps.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘how to make title for blog post smaller (suddenly expand for no reason)!’ is closed to new replies.