How to change the margins of Widget Title?

  • Resolved cbeaman

    (@cbeaman)


    11 years ago

    I am having trouble changing the margin size of the widget title.

    Seen here:

    I added this code, but it doesn’t seem to do anything..? Any ideas why this doesn’t work?

    h3.widget-title {
	margin-bottom: 18px;
	margin-bottom: 1.2857rem;
}
Viewing 5 replies - 1 through 5 (of 5 total)

  • Specificity!

    If you add this instead, it should work:

    .widget-area .widget h3.widget-title {
    margin-bottom:18px;
}
    Thread Starter cbeaman

    (@cbeaman)

    hmm, ok, that makes complete sense.

    However, I added this code to the style.css and nothing seemed to happen??

    .widget-area .widget h3.widget-title {
    		margin-bottom: 18px;
		margin-bottom: 1.2857rem;
		color: green;
	}

    That’s because you put it within the @media print { } declaration, so it will only be applied to print styles. You should put it on line 1613 (or something).

    Thread Starter cbeaman

    (@cbeaman)

    I just realized I put the css under @media, and it wasn’t reading it.

    I move it and it seems to be working!

    Thanks a lot!

    Thread Starter cbeaman

    (@cbeaman)

    Yes, exactly, thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to change the margins of Widget Title?’ is closed to new replies.