salonethree

Forum Replies Created

Viewing 6 replies - 1 through 6 (of 6 total)
  • Forum: Fixing WordPress
    In reply to: Hiding an element in CSS
    Thread Starter salonethree

    (@salonethree)

    9 years, 5 months ago

    So i figured it out:

    when you target the content you must also specify if its in a certain container
    since this title was inside the “content” container the code should look like this

    @media only screen and (max-device-width: 500px){
#content p.comments{
diplay: none;
}
}
    Forum: Fixing WordPress
    In reply to: Hiding an element in CSS
    Thread Starter salonethree

    (@salonethree)

    9 years, 5 months ago

    I am not sure how to turn on notifications of reply so ima just reply to myself

    Forum: Fixing WordPress
    In reply to: DIVs moving left and right when zooming out
    Thread Starter salonethree

    (@salonethree)

    9 years, 5 months ago

    awesome! yerr the best! Gracias:)) it worked. i made the position relative like this for anyone whos scared of classes

    <body <?php body_class(); ?>>
<div id="page" class="hfeed site">
	<header id="masthead" class="site-header" role="banner" style="position: relative;">
		<hgroup>
			<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
			<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
		</hgroup></h2>
		</hgroup>

    then i juss had to reset my position values.

    Forum: Fixing WordPress
    In reply to: Header Item Moving when zooming
    Thread Starter salonethree

    (@salonethree)

    9 years, 5 months ago

    <center><?php if ( get_header_image() ) : ?>
		<div style="display:inline; position: relative; overflow: hidden; float:none; z-index: 100;"><a>"><img />" class="header-image" width="<?php echo esc_attr( get_custom_header()->width ); ?>" height="<?php echo esc_attr( get_custom_header()->height ); ?>" alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" /></a> </div>
		<?php endif; ?></center> <a href="https://www.susaneisen.com/catalog/books/373480/" target="_blank"> <div style="float: right; position:absolute; display:inline; z-index: 100; overflow:hidden; top: 80px; right: 170px;" width="170px"> <img src="http://crazyaboutart.com/wp-content/uploads/2016/11/order-now-button.png" height="44px" width="111px" /> </div> </a>
    Forum: Fixing WordPress
    In reply to: White Space underneath Header
    Thread Starter salonethree

    (@salonethree)

    9 years, 5 months ago

    thank you! It seems the only problem in the code was there was padding added to the menu. Sorry im pretty new to code.

    Forum: Fixing WordPress
    In reply to: White Space underneath Header
    Thread Starter salonethree

    (@salonethree)

    9 years, 5 months ago

    i figured it out, the navigation menu had padding attached to it, heres what the code looks like for anyone with a similiar issue

    /* Navigation Menu */
.main-navigation {
	margin-top: 5px;
	text-align: center;
}
.main-navigation li {
	margin-top: 5px;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.42857143;
}

    margin-top attribute is what adds/removes padding

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