ybwp's Replies | WordPress.org

Forum Replies Created

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

Forum: Plugins
In reply to: [Events Made Easy] Fatal Error

ybwp

(@ybwp)

I had 5.6 still got the same exact fatal error. I had to delete the plugin folder via the file manager, on one my client’s website. Should I change the PHP to 7? Although, it’s not recommended by the hosting company.

This reply was modified 7 years, 5 months ago by ybwp.

Forum: Fixing WordPress
In reply to: Highlighting an active page with a custom navigation

Thread Starter ybwp

(@ybwp)

11 years, 1 month ago

OK thx! I actually figured it out. I ended up going back to using the built in menu by creating a new/custom menu. I had to dig in to the confusing CSS but was able to figure it out. Incidentally, the CSS structure for menus is poorly documented, unless I’m missing something. I’m pretty good with CSS and it was quite difficult to figure out what’s what and what belongs where… I mean ul in a ul in a ul! And then li in a li. I’m not sure if the menu structure is better in newer themes. After all twenty twelve came out a while back and I was certainly not going to use its ugly menu styles.

Forum: Fixing WordPress
In reply to: Highlighting an active page with a custom navigation

Thread Starter ybwp

(@ybwp)

11 years, 1 month ago

Sorry very new to the forums and WordPress. I did re-post the code and I think it looks better. Perhaps, I should use the built-in menu and try to style the CSS. But I thought the CSS was too complicated like a jigsaw puzzle and I didn’t know what is what and which goes where.

Forum: Fixing WordPress
In reply to: Highlighting an active page with a custom navigation

Thread Starter ybwp

(@ybwp)

11 years, 1 month ago

This is the HTML in the header.php

</head>

<body <?php body_class(); ?>>
<div id="page" class="hfeed site">
	<header id="masthead" class="site-header" role="banner">

<div class="group">

<div class="logo-wrap">
<a href="http://yolkbyte.com/test/">
<img src="http://yolkbyte.com/test/wp-content/themes/twentytwelve-child/images/yb-logo-1024.png"></a>
</div><!-- logo-wrap-->

<div class="panel-tab"><a href="#">

<div id="nav-icon3">
  <span></span>
  <span></span>
  <span></span>
  <span></span>
</div>
</a>
</div><!--panel-tab-->

<aside id="search-12"><form role="search" method="get" id="searchform" class="searchform" action="http://yolkbyte.com/test/">
				<label>
					<span class="screen-reader-text">Search for:</span>
					<input type="search" class="search-field" value="" name="s" title="Search for:">
				</label>
				<input type="submit" class="search-submit" value="Search">
			</form></aside>

<!-- NAVIGATION -->
<div class="panel-stage">

<ul class="mobile-nav">

        <li<?php
                if (is_page('portfolio-2'))
                {
                echo " id=\"current\"";
                }?>>
                <a href="http://yolkbyte.com/test/portfolio-2/" title="Portfolio">PORTFOLIO</a>

        <li<?php
                if (is_home('news'))
                {
                echo " id=\"current\"";
                }?>>
                <a href="http://yolkbyte.com/test/news/" title="News">NEWS</a>

        <li<?php
                if (is_page('about'))
                {
                echo " id=\"current\"";
                }?>>
                <a href="http://yolkbyte.com/test/about/" title="About">ABOUT</a>

        <li<?php
                if (is_page('contact'))
                {
                echo " id=\"current\"";
                }?>>
                <a href="http://yolkbyte.com/test/contact/" title="Contact">CONTACT</a>

</div><!--panel-stage-->

</div><!--container group CLEAR FIX-->

</header><!-- #masthead -->

This is the CSS in my style sheet in my child theme

.logo-wrap {
	display: block;
	width: 25%;
	height: auto;
	margin: 0 auto 2% auto;
}
.logo-wrap img {
	display: block;
	width: 100%;
	height: auto;
}

.panel-stage {
	background-image: url(images/yolk.png), url(images/egg-white.png);
	background-position: 0 0, 0 0;
	background-repeat: no-repeat, no-repeat;
	background-size: 100% 50%, 100% 95%%;
	width: 100%;
	display: none;
	height: auto;
	margin: 20% auto 1% auto;
}
@-webkit-keyframes yolk {
	from { background-position: 0 -50px, 0 -150px; }
	to { background-position: 0 0, 0 0; }
}

.panel-stage {
	-webkit-animation: yolk 2.5s ease-out;
}
.panel-tab a {
	float: left;
	width: 10%;
	height: auto;
	display: block;
}
.mobile-nav ul {
	display: none;
	margin: 0;
}
.mobile-nav li a {
	display: block;
	font-size: 1.5em;
	padding: .5em 0;
	text-decoration: none;
	color: #00ADEE; /* blue */
	font-family: "lexia",serif;
	font-style: normal;
	font-weight: 300;
	text-align: center;
	-webkit-transition: all .25s ease-in;
	-moz-transition: all .25s ease-in;
	-ms-transition: all .25s ease-in;
	-o-transition: all .25s ease-in;
	transition: all .25s ease-in;
	border-bottom: #00ADEE dotted 1px;
}

.mobile-nav li a:hover {
	color: #FFCB05; /* orange */
	-webkit-transition: all .25s ease-in;
	-moz-transition: all .25s ease-in;
	-ms-transition: all .25s ease-in;
	-o-transition: all .25s ease-in;
	transition: all .25s ease-in;
}
.mobile-nav li:first-child a {
	border-top: #00ADEE solid 1px;
}
.mobile-nav li:last-child a {
	border-bottom: #00ADEE solid 1px;
}
@media all and (min-width: 600px) {

.panel-tab {
	display: none;
}

/** LOGO floats left and so does the navigation   **/
.logo-wrap {
	width: 7%;
	height: auto;
	margin: 1% 3% 1% 0;
	display: block;
	float: left;
	border: none;
}
.panel-stage {
	width: 65%;
	display: block;
	float: right;
	height: auto;
	background: none;
	border: none;
	margin: 3% auto 1% auto;
}
/* ==========================================================================
			NAVIGATION > 600px
   ========================================================================== */
.mobile-nav li:first-child a {
	border: none;
}
.mobile-nav li:last-child a {
	border: none;
}
.mobile-nav li {
	text-align: center;
	display: block;
	float: left;
	width: 25%;
	margin-bottom: 2%;
}
.mobile-nav li a {
	font-size: 1.25em;
	padding: .5em;
	text-decoration: none;
	color: #00ADEE;
	text-align: center;
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	transition: all .2s ease-in;
	border: none;
}
.mobile-nav li a:hover {
	color: #FFCB05;
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	transition: all .2s ease-in;
}
#current a {
	color: rgba(255,203,5,1.00);
}
}

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