Forum Replies Created

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter faila

    (@faila)

    Hi Sarah,
    I am already using Jetpack to edit CSS and I had been meaning to create a child theme for some time. Thank you for the reminder :]

    Having created the child theme, I finally came up with a solution after a few try-outs.

    I replaced the following on header.php :

    <div class="site-branding">
    			<?php sela_the_site_logo(); ?>
    			<h4 class="site-title"><a>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
    			<?php if ( '' != get_bloginfo( 'description' ) ) : ?>
    			<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
    			<?php endif; ?>
    		</div><!-- .site-branding -->

    with this:

    <div class="site-branding">
    		<div style="border:1px solid #f25f70; padding: 5px; margin-top:90px; margin-left:335px; margin-right:335px; background: rgba(255, 255, 255, 0.7);">
    			<?php sela_the_site_logo(); ?>
    			<h4 class="site-title"><a>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
    			<?php if ( '' != get_bloginfo( 'description' ) ) : ?>
    			<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
    			<?php endif; ?>
    			</div>
    		</div><!-- .site-branding -->

    So I basically added a border with a background opacity of 70% around the site-title and site-description.

    I really worked hard on this so I hope this would be of help to others as well!

    Thank you again!

    Thread Starter faila

    (@faila)

    Hi Sarah, thank you for your concern. I want to learn how to increase the size of this box.

    Thank you!

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