franka slothouber

Side note: I see the words in Safari, but not in Chrome.

Good luck, let me know if it worked for you too ??

Thanks for al your replies, but I still don’t get it.

This thing can certainly not be changed in Customizer, and changing the PHP-file, I would not know how to write PHP.

I do write html-code and find ways how to use which code in Chrome Dev Tools. Whatever I change I do it in the Child-theme I made, using Dashboard – Edit CSS.

When I look into Chrome Dev Tools to the site of illutt I can see what they have written in the footer id, but I’m not sure if that’s the way to do it. Writing html in a php-file?

If I look into the no-content-footer.php file I still don’t see how to insert text there.

Anyway, as I said before, I was just curious how to insert your own text in the credit line. But because I am looking for a clean and graphic looking design, I’m happy with making the whole credit line disappear, which I have done already.

@ ashiquzzaman:

That’s what I would have thought too, but when I take a look at the footer.php file I don’t see where I can insert my own text.
This is how the file looks like:

<?php
/**
* The template for displaying the footer
*
* @package WordPress
* @subpackage stainedglass
* @since Stained Glass 1.0.0
*/

?>
</div> <!– .main-area –>

<?php get_sidebar(‘before-footer’); ?>
<footer id=”colophon” class=”site-footer”>

<?php if ( ‘1’ == stainedglass_get_theme_mod( ‘is_show_footer_menu’) ) : ?>

<div id=”footer-navigation” class=”nav-container”>
<nav id=”menu-4″ class=”horisontal-navigation” role=”navigation”>
<span class=”toggle”><span class=”menu-toggle”></span></span>
<?php wp_nav_menu( array( ‘theme_location’ => ‘footer’, ‘menu_class’ => ‘nav-horizontal’ ) ); ?>
</nav><!– #menu-4 .horisontal-navigation –>
<div class=”clear”></div>
</div><!– #footer-navigation .nav-container –>

<?php endif;
if ( ( ! is_front_page() || ‘1’ == stainedglass_get_theme_mod( ‘is_home_footer’ )) && ! is_page_template( ‘page-templates/no-content-footer.php’ ) )
get_sidebar(‘footer’);
do_action(‘stainedglass_site_info’); ?>

</footer><!– #colophon –>
</div><!– #page –>
<div class=”background-fixed”></div>
<div class=”hide-screen-fixed”></div>
<?php wp_footer(); ?>
</body>
</html>

Try this:

.content-container {
background: #cccccc;
color: #999999;
}

It worked for me, see: [Link redacted]
(Of course you will have to fill in your choice of colors).

@ ashiquzzaman:
https://www.frankaslothouber.nl

I managed to get rid of the credit line too, but I was wondering how illutt did it, as I see on their site that they have put another text there and I am curious how to do that.

I would like to know too, how did you do this?

Hi Friis-Holst,

Try adding this:

.top-navigation .horisontal-navigation li a {
color: #666666;
}

.top-navigation .horisontal-navigation li ul li a {
color: #666666;
}

.top-navigation .horisontal-navigation li a:hover,
.top-navigation .horisontal-navigation li a:focus {
background: #999999;
color: #ffffff;
}

.top-navigation .horisontal-navigation li ul li a:hover,x
.horisontal-navigation li ul li a:focus {
background-color: #999999;
color: #ffffff;
}

.top-navigation .horisontal-navigation .current-menu-ancestor a:before,
.top-navigation .horisontal-navigation .current_page_item a:before,
.top-navigation .horisontal-navigation .current_page_ancestor a:before,
.top-navigation .horisontal-navigation .current-menu-item a:before {
color: grey;
}

.top-navigation .horisontal-navigation li ul {
background-color: #cccccc;
}

It worked for me. After the update of the Stained Glass theme I had to do this again, so I’m now working from a child-theme as I should have done from the beginning and yesterday I managed to get it right. I’m using al sorts of grey-shades, but of course you can insert whatever color you need.

In the end I added this string of codes:

.top-navigation .horisontal-navigation li a {
color: #666666;
}

.top-navigation .horisontal-navigation li ul li a {
color: #666666;
}

.top-navigation .horisontal-navigation li a:hover,
.top-navigation .horisontal-navigation li a:focus {
background: #999999;
color: #ffffff;
}

.top-navigation .horisontal-navigation li ul li a:hover,
.horisontal-navigation li ul li a:focus {
background-color: #999999;
color: #ffffff;
}

.top-navigation .horisontal-navigation .current-menu-ancestor a:before,
.top-navigation .horisontal-navigation .current_page_item a:before,
.top-navigation .horisontal-navigation .current_page_ancestor a:before,
.top-navigation .horisontal-navigation .current-menu-item a:before {
color: grey;
}

.top-navigation .horisontal-navigation li ul {
background-color: #cccccc;
}

Thanks!

That’s how I did it and it worked on all my pages.

In customizer, on the left, you see Colors -> background color.

Great!

I don’t know that one, I’m sorry ??

You can change the background of your pages, I turned it light grey in stead of flat white.
But changing the opacity of pages, I would not know if that is possible.

Thanks, but where to insert it?