Docs

[Referee]

3. How can I add class to the Blog Page?

4. Thanks. I ended up with this:

/* Widgets Categories Styling*/
.widget ul li a, .widget ol li a {
  border-bottom: none;
}
.widget ul, .widget ol {
    border: none;
    box-shadow: none;
}
div#categories-3 li {
  float: left;
  margin: 3px;
  border-radius: 3px;
  padding: 0.692em 1.154em 0.769em;
  height: 1;
  line-height: 1.3;
  font-size: 13px;
  text-decoration: none;
  border-bottom: none;
	border: 1px solid rgba(0,0,0,0.125);
	text-shadow:none;
  text-transform: uppercase;
  background-color:  rgba(255, 255, 255,0.8);
}
div#categories-3 li:hover {
  background-color: rgba(247, 102, 101,0.8);
}
.widget ol a:hover, .widget ul a:hover {
  color: #fff !important;
}

5. Thanks. I ended up with that:

/* Widget Tags Styling*/
.tagcloud a {
    background-color: rgba(255, 255, 255,0.7) !important;
    color: #484e4c !important;
}
.tagcloud a:hover {
  	background-color: rgba(247, 102, 101,0.8) !important;
    color: #fff !important;
}

[Christian]

The Blog page class is .blog so you should add it in the beginning of your target selectors like

.blog h1.h-landmark, .blog p.p-landmark-sub

Hope that helps. 🙂

[Referee]

I mean that in Cornerstone we can make a class for adaptive text which then can be applied to the elements of the same page. But what is the procedure for Blog Page if we can not edit it in Cornerstone?

[Rad]

Hi there,

Would you mind clarifying what classes you wish to apply on the blog page and what purpose? Blog page is hard coded template, adding classes should be done through template files. Since blog page has .blog class, then we can implement styling to specific elements without a need for template customization. Or do you wish to implement responsive text? Where and which elements?

Thanks!

[Author]

Posts