Site description in Parallax Pro does not show up!

[[email protected]]

Hi,

I do not know how to make the site description show up in Parallax Pro.

This is the css:

.site-description {
	display: block;
	height: 0;
	margin-bottom: 0;
	text-indent: -9999px;
        font-family: Roboto Slab, serif;
        font-size: 12px;

Would you be able to help?
i want it to appear just below the logo as tag-line

http://jacekiciek.uk

[Brad Dalton]

What happens if you remove this declaration

text-indent: -9999px;

from the above CSS rule?

---

Tutorials for StudioPress Themes & WooCommerce.

[[email protected]]

Tried it -- does not work, I am afraid 🙁

[[email protected]]

Tried it -- does not work I am afraid 🙁

Any other options?

[cartermorgan1321]

Bump. I haven't been able to figure out how to do this either.

Does anyone know?

Thanks!

[Brad Dalton]

Take a look in the style sheet and look for the CSS which hides it.

---

Tutorials for StudioPress Themes & WooCommerce.

[cartermorgan1321]

I ended ended up figuring it out.

I had to make 3 or 4 changes to styles.css to get it to work properly:

1.) Comment out the line that positions the site description really low.
2.) Add 'color: <some color>;' so that you can see the tag.

.site_description {
    display: block;
    height: 0;
    margin-bottom: 0;
  <strong>  /* text-indent:  -9999px; */
    color: red;</strong>
}

3.) Add the .site_description to the list of elements that gets centered

@media only screen and (max-width: 1020px) {
...

   .genesis-nav-menu,
   .site-header .widget-area,
   .site-title, 
   <strong>.site-description</strong> {
      text-align: center;
   }
}

4.) Change the title area's padding so that the description fits.

.title-area {
    float: left;
    padding: <strong>30px</strong> 0;
    width: 360px;
}

What do you think?

[Author]

Posts