777 Bar online casino login,phlove.vip casino.Recharge Every day and Get Bonus up-to 50%!

Forum Replies Created

Viewing 15 replies - 1 through 15 (of 18 total)

Forum: Themes and Templates
In reply to: [Rectangulum] Header Image issue

(@lizannehart)

I just installed Rectangulum and really love it! I am unable to see my header (which I uploaded through the Customize panel). Is there some code that’s preventing it from appearing? I have spent hours trying to figure it out.

Here’s the link: https://www.redblazemedia.com/

The site is in maintenance mode. Do you need other info? Here is the headed.php code (to which I have added only a Google fonts reference):

<?php
/**
 * @package Rectangulum
 */
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>

<link href='https://fonts.googleapis.com/css?family=Oswald:400,300,700|Open+Sans:400italic,700italic,400,700' rel='stylesheet' type='text/css'>

<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title><?php wp_title( '|', true, 'right' ); ?></title>
<link rel="profile" href="https://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">

<?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>
<div id="page" class="hfeed site">
	<?php do_action( 'before' ); ?>

<header id="masthead" class="site-header clearfix" role="banner">

		<div class="site-branding">

<?php $logo = get_theme_mod( 'logo_upload' );
	if ( !empty($logo) ) : ?>

<?php if ( !is_front_page() ) : ?>
	<a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">
	<img src="<?php echo get_theme_mod( 'logo_upload' ); ?>" alt="<?php bloginfo( 'name' ); ?>" class="logo alignleft" />
	</a>
<?php else : ?>
	<img src="<?php echo get_theme_mod( 'logo_upload' ); ?>" alt="<?php bloginfo( 'name' ); ?>" class="logo alignleft" />
<?php endif; //!is_front_page() ?>

	<?php endif; //!empty ?>

<div id="header-title">
	<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
                <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>

</div><!--header-title-->

		</div><!--.site-branding-->

		<div class="site-menu">
	<nav id="site-navigation" class="navigation-main" role="navigation">
		<?php wp_nav_menu( array( 'theme_location' => 'primary', 'depth' => 4 ) ); ?>
		<a href="#" class="toggle-top"></a><!--<i class="fa fa-search"></i>-->
	</nav><!-- #site-navigation -->
		</div><!--site-menu-->

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

<div class="top-wrapper clearfix">
	<div class="top-left">
		<aside class="widget_search">
		<?php get_search_form(); ?>
		</aside>
	</div>
	<div class="top-right">
	<?php if ( has_nav_menu( 'top' ) ) {
wp_nav_menu( array( 'theme_location' => 'top', 'depth' => 1 ) );
} ?>

<?php if ( has_nav_menu( 'social' ) ) {
wp_nav_menu(
	array(
	'theme_location'  => 'social',
	'menu_id'         => 'menu-social',
	'depth'           => 1,
	'link_before'     => '<span class="screen-reader-text">',
	'link_after'      => '</span>',
	'fallback_cb'     => '',
	)
);
} ?>
	</div>
</div><!--.top-wrapper-->

	<div id="main" class="site-main clearfix">

Forum: Themes and Templates
In reply to: [Rectangulum] Header Image issue

lizannehart

(@lizannehart)

10 years, 2 months ago

Here’s the link: https://www.redblazemedia.com/

The site is in maintenance mode. Do you need other info? Here is the headed.php code (to which I have added only a Google fonts reference):

<?php
/**
 * @package Rectangulum
 */
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>

<link href='https://fonts.googleapis.com/css?family=Oswald:400,300,700|Open+Sans:400italic,700italic,400,700' rel='stylesheet' type='text/css'>

<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title><?php wp_title( '|', true, 'right' ); ?></title>
<link rel="profile" href="https://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">

<?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>
<div id="page" class="hfeed site">
	<?php do_action( 'before' ); ?>

<header id="masthead" class="site-header clearfix" role="banner">

		<div class="site-branding">

<?php $logo = get_theme_mod( 'logo_upload' );
	if ( !empty($logo) ) : ?>

<?php if ( !is_front_page() ) : ?>
	<a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">
	<img src="<?php echo get_theme_mod( 'logo_upload' ); ?>" alt="<?php bloginfo( 'name' ); ?>" class="logo alignleft" />
	</a>
<?php else : ?>
	<img src="<?php echo get_theme_mod( 'logo_upload' ); ?>" alt="<?php bloginfo( 'name' ); ?>" class="logo alignleft" />
<?php endif; //!is_front_page() ?>

	<?php endif; //!empty ?>

<div id="header-title">
	<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
                <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>

</div><!--header-title-->

		</div><!--.site-branding-->

		<div class="site-menu">
	<nav id="site-navigation" class="navigation-main" role="navigation">
		<?php wp_nav_menu( array( 'theme_location' => 'primary', 'depth' => 4 ) ); ?>
		<a href="#" class="toggle-top"></a><!--<i class="fa fa-search"></i>-->
	</nav><!-- #site-navigation -->
		</div><!--site-menu-->

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

<div class="top-wrapper clearfix">
	<div class="top-left">
		<aside class="widget_search">
		<?php get_search_form(); ?>
		</aside>
	</div>
	<div class="top-right">
	<?php if ( has_nav_menu( 'top' ) ) {
wp_nav_menu( array( 'theme_location' => 'top', 'depth' => 1 ) );
} ?>

<?php if ( has_nav_menu( 'social' ) ) {
wp_nav_menu(
	array(
	'theme_location'  => 'social',
	'menu_id'         => 'menu-social',
	'depth'           => 1,
	'link_before'     => '<span class="screen-reader-text">',
	'link_after'      => '</span>',
	'fallback_cb'     => '',
	)
);
} ?>
	</div>
</div><!--.top-wrapper-->

	<div id="main" class="site-main clearfix">

Forum: Themes and Templates
In reply to: Twenty Eleven – images replacing menu text – but 1 problem with submenu

lizannehart

(@lizannehart)

12 years, 1 month ago

How cool! I see that adding the text-indent:-9999px; bit got rid of the text menu. I’m now down to two questions:

2. How do I lose the black box?

3. I want to delete the thin line separating header and menu.

Forum: Themes and Templates
In reply to: Twenty Eleven – images replacing menu text – but 1 problem with submenu

lizannehart

(@lizannehart)

12 years, 1 month ago

Yes, I deactivated the Styles plugin.

I am poking around in Firebug (and, while I learn this great tool, I am working against a deadline). Can anyone tell me specifically in which lines to find/fix the following errors?

1. I see BOTH the original text menu and the sprite. I’d like to get rid of/turn off the text menu.

2. I need to lose the black box?

3. I want to delete the thin line separating header and menu.

P.S. Nicki: Will do!

Forum: Themes and Templates
In reply to: Twenty Eleven – images replacing menu text – but 1 problem with submenu

lizannehart

(@lizannehart)

12 years, 1 month ago

Upon inspection, it seems to be related to a plugin that I installed called “Styles.” I deactivated it. Issues:

1. Now I see BOTH the original text menu and the sprite (only the Home page portion is programmed). How do I get rid of the text menu?

2. How do I get rid of the black box?

3. Why is there a thin line separating header and menu and how to delete? I thought I changed this in header options, but it has popped up again with all the menu work I’ve been doing.

Thanks.

Forum: Themes and Templates
In reply to: Twenty Eleven – images replacing menu text – but 1 problem with submenu

lizannehart

(@lizannehart)

12 years, 1 month ago

I just downloaded Firebug and am learning to use it. Where do you see that note and how do I fix it?

Forum: Themes and Templates
In reply to: Twenty Eleven – images replacing menu text – but 1 problem with submenu

lizannehart

(@lizannehart)

12 years, 1 month ago

I understand. I’ve deactivated Maintenance Mode temporarily. For now, I’m using the code suggested by the forum user, customized with my sprite size increments and menu IDs (which I got from the page source code).

https://www.rosemaryahern.com

Thanks so much!

Forum: Themes and Templates
In reply to: How to code sprite images for main navigation for twentyeleven

Thread Starter lizannehart

(@lizannehart)

12 years, 1 month ago

Thanks, though must admit that I am completely new to code. I assume you favor the first option (the one from the auto code generator)? I don’t know what “CSS selectors” are.

Can you get me started with one section and I can take it from there?

Forum: Themes and Templates
In reply to: How to code sprite images for main navigation for twentyeleven

Thread Starter lizannehart

(@lizannehart)

12 years, 1 month ago

It was created from an automatic code generator for sprite images that I found online. See below. My question is WHERE to enter this code?

XHTML:

<ul id="navigation">
		<li id="navigation-1"><a href="https://www.rosemaryahern.com" title="Home"><span>Home</span></a>
		<li id="navigation-2"><a href="https://www.rosemaryahern.com/about" title="About"><span>About</span></a>
		<li id="navigation-3"><a href="https://www.rosemaryahern.com/services" title="Services"><span>Services</span></a>
		<li id="navigation-4"><a href="https://www.rosemaryahern.com/testimonials" title="Testimonials"><span>Testimonials</span></a>
		<li id="navigation-5"><a href="https://www.rosemaryahern.com/books-by" title="Books By"><span>Books By</span></a>
		<li id="navigation-6"><a href="https://www.rosemaryahern.com/contact" title="Contact"><span>Contact</span></a>

CSS:
/* HORIZONTAL NAVIGATION BAR
/////////////////////////////////////*/

ul#navigation {
	width:410px;
	list-style:none;
	height:20px
}

ul#navigation li {
	display:inline
}

ul#navigation li a {
	height:20px;
	float:left;
	text-indent:-9999px;
	text-decoration:none
}

ul#navigation  li a span {
	float:left;
	display:block
}

ul#navigation li#navigation-1 a {
	width:65px;
	background:url(Menu_Master-19.jpg) no-repeat 0px 0
}

ul#navigation li#navigation-1 a:active,
ul#navigation li#navigation-1 a:hover {
	background-position:0px -20px
}
ul#navigation li#navigation-1 a.current {
	background-position:0px -40px
}

ul#navigation li#navigation-2 a {
	width:65px;
	background:url(Menu_Master-19.jpg) no-repeat -65px 0
}

ul#navigation li#navigation-2 a:active,
ul#navigation li#navigation-2 a:hover {
	background-position:-65px -20px
}
ul#navigation li#navigation-2 a.current {
	background-position:-65px -40px
}

ul#navigation li#navigation-3 a {
	width:65px;
	background:url(Menu_Master-19.jpg) no-repeat -130px 0
}

ul#navigation li#navigation-3 a:active,
ul#navigation li#navigation-3 a:hover {
	background-position:-130px -20px
}
ul#navigation li#navigation-3 a.current {
	background-position:-130px -40px
}

ul#navigation li#navigation-4 a {
	width:85px;
	background:url(Menu_Master-19.jpg) no-repeat -195px 0
}

ul#navigation li#navigation-4 a:active,
ul#navigation li#navigation-4 a:hover {
	background-position:-195px -20px
}
ul#navigation li#navigation-4 a.current {
	background-position:-195px -40px
}

ul#navigation li#navigation-5 a {
	width:65px;
	background:url(Menu_Master-19.jpg) no-repeat -280px 0
}

ul#navigation li#navigation-5 a:active,
ul#navigation li#navigation-5 a:hover {
	background-position:-280px -20px
}
ul#navigation li#navigation-5 a.current {
	background-position:-280px -40px
}

ul#navigation li#navigation-6 a {
	width:65px;
	background:url(Menu_Master-19.jpg) no-repeat -345px 0
}

ul#navigation li#navigation-6 a:active,
ul#navigation li#navigation-6 a:hover {
	background-position:-345px -20px
}
ul#navigation li#navigation-6 a.current {
	background-position:-345px -40px
}

Another forum user suggested that I use the following format, and still nothing.

#menu-item-246 a {
display:block; height:20px; width:65px; padding:0px; outline:none;
background-image:url('https://www.rosemaryahern.com/wp-content/themes/twentyelevenchild/images/Menu_Master-19.jpg'); background-position:0px 0px;
}
/* Hover */
#access li.menu-item-246.menu-item-object-page:hover > a, #access ul ul:hover > a, #access li.menu-item-246.menu-item-object-page a:focus {
display:block; height:20px; width:65px; padding:0px; outline:none;
background-image:url('https://www.rosemaryahern.com/wp-content/themes/twentyelevenchild/images/Menu_Master-19.jpg'); background-position:0px -20px;
}
/* =Menu - maintain ACTIVE STATE when it is the current page/sub-menu
-------------------- */

#access li.current-menu-item.menu-item-246 > a, #access li.current-menu-ancestor.menu-item-246 > a, #access li.current_page_item.menu-item-246 > a, #access li.current_page_ancestor.menu-item-246 > a
{ background-image:url('https://www.rosemaryahern.com/wp-content/themes/twentyelevenchild/images/Menu_Master-19.jpg'); background-position:0px -40px;
}

Forum: Themes and Templates
In reply to: Twenty Eleven – images replacing menu text – but 1 problem with submenu

lizannehart

(@lizannehart)

12 years, 1 month ago

it is active, and contains only overrides to the code, as follows:

/*
Theme Name: twentyelevenchild
Description: Child theme for the twentyeleven theme
Author: Lizanne Hart
Template: twentyeleven
*/

@import url("../twentyeleven/style.css");

/* Add your over ride rules below this line */

body, input, textarea {
	color: #000000;
	font: 15px Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 1.625;
}
#access {
	background: #fff; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#252525, #0a0a0a);
	background: -o-linear-gradient(#252525, #0a0a0a);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a)); /* older webkit syntax */
	background: -webkit-linear-gradient(#252525, #0a0a0a);
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	clear: both;
	display: block;
	text-align: center;
	margin: 0 auto 6px;
	width: 100%;
}
#access ul {
	font-size: 13px;
	list-style: none;
	margin: 0 0 0 -0.8125em;
	padding-left: 0;
	display: inline-block;
}
#access div {
	margin: 0 0 0 0;
}
#access li:hover > a,
#access ul ul :hover > a {
border : none;
background-color : #fff;
color : #fff;
text-decoration:none;
}
#access ul li:hover > ul {
display: block;
}
#branding {
border: none;
}
#branding {border-top: 0px solid #BBBBBB; }
#access {box-shadow: none;
}
#menu-item-246 a {
display:block; height:20px; width:65px; padding:0px; outline:none;
background-image:url('https://www.rosemaryahern.com/wp-content/themes/twentyelevenchild/images/Menu_Master-19.jpg'); background-position:0px 0px;
}
/* Hover */
#access li.menu-item-246.menu-item-object-page:hover > a, #access ul ul:hover > a, #access li.menu-item-246.menu-item-object-page a:focus {
display:block; height:20px; width:65px; padding:0px; outline:none;
background-image:url('https://www.rosemaryahern.com/wp-content/themes/twentyelevenchild/images/Menu_Master-19.jpg'); background-position:0px -20px;
}
/* =Menu - maintain ACTIVE STATE when it is the current page/sub-menu
-------------------- */

#access li.current-menu-item.menu-item-246 > a, #access li.current-menu-ancestor.menu-item-246 > a, #access li.current_page_item.menu-item-246 > a, #access li.current_page_ancestor.menu-item-246 > a
{ background-image:url('https://www.rosemaryahern.com/wp-content/themes/twentyelevenchild/images/Menu_Master-19.jpg'); background-position:0px -40px;
}
#menu-item-260 a {
display:block; height:20px; width:65px; padding:0px; outline:none; text-indent:-9999px;
background-image:url('https://www.rosemaryahern.com/wp-content/themes/twentyelevenchild/images/Menu_Master-19.jpg'); background-position:-65px 0px;
}
/* Hover */
#access li.menu-item-260.menu-item-object-page:hover > a, #access ul ul:hover > a, #access li.menu-item-246.menu-item-object-page a:focus {
display:block; height:20px; width:65px; padding:0px; outline:none; text-indent:-9999px;
background-image:url('https://www.rosemaryahern.com/wp-content/themes/twentyelevenchild/images/Menu_Master-19.jpg'); background-position:-65px -20px;
}
/* =Menu - maintain ACTIVE STATE when it is the current page/sub-menu
-------------------- */

#access li.current-menu-item.menu-item-260 > a, #access li.current-menu-ancestor.menu-item-260 > a, #access li.current_page_item.menu-item-260 > a, #access li.current_page_ancestor.menu-item-260 > a
{ background-image:url('https://www.rosemaryahern.com/wp-content/themes/twentyelevenchild/images/Menu_Master-19.jpg'); background-position:-65px -40px;
}

Forum: Themes and Templates
In reply to: Twenty Eleven – images replacing menu text – but 1 problem with submenu

lizannehart

(@lizannehart)

12 years, 1 month ago

Not working. I have 2 theories if you’re still with me (I understand if not).

1. I have the menu set up in my WP theme to appear as we are seeing it. Is that setting overriding the code above? Should I select something else as the menu preference under WP/Theme/Appearance?

2. Is the Menu section of the parent twentyeleven theme conflicting with what we are trying to do? Here’s the code:

/* =Menu
-------------------------------------------------------------- */

#access {
	background: #222; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#252525, #0a0a0a);
	background: -o-linear-gradient(#252525, #0a0a0a);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a)); /* older webkit syntax */
	background: -webkit-linear-gradient(#252525, #0a0a0a);
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	clear: both;
	display: block;
	float: left;
	margin: 0 auto 6px;
	width: 100%;
}
#access ul {
	font-size: 13px;
	list-style: none;
	margin: 0 0 0 -0.8125em;
	padding-left: 0;
}
#access li {
	float: left;
	position: relative;
}
#access a {
	color: #eee;
	display: block;
	line-height: 3.333em;
	padding: 0 1.2125em;
	text-decoration: none;
}
#access ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 3.333em;
	left: 0;
	width: 188px;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #f9f9f9;
	border-bottom: 1px dotted #ddd;
	color: #444;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 168px;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	background: #efefef;
}
#access li:hover > a,
#access a:focus {
	background: #f9f9f9; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
	background: -o-linear-gradient(#f9f9f9, #e5e5e5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
	color: #373737;
}
#access ul li:hover > ul {
	display: block;
}
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
	font-weight: bold;
}

/* Search Form */
#branding #searchform {
	position: absolute;
	top: 3.8em;
	right: 7.6%;
	text-align: right;
}
#branding #searchform div {
	margin: 0;
}
#branding #s {
	float: right;
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease;
	width: 72px;
}
#branding #s:focus {
	background-color: #f9f9f9;
	width: 196px;
}
#branding #searchsubmit {
	display: none;
}
#branding .only-search #searchform {
	top: 5px;
	z-index: 1;
}
#branding .only-search #s {
	background-color: #666;
	border-color: #000;
	color: #222;
}
#branding .only-search #s,
#branding .only-search #s:focus {
	width: 85%;
}
#branding .only-search #s:focus {
	background-color: #bbb;
}
#branding .with-image #searchform {
	top: auto;
	bottom: -27px;
	max-width: 195px;
}
#branding .only-search + #access div {
	padding-right: 205px;
}

Forum: Themes and Templates
In reply to: Twenty Eleven – images replacing menu text – but 1 problem with submenu

lizannehart

(@lizannehart)

12 years, 1 month ago

I added it through the WordPress theme editor. What did I do wrong?

Forum: Themes and Templates
In reply to: Twenty Eleven – images replacing menu text – but 1 problem with submenu

lizannehart

(@lizannehart)

12 years, 1 month ago

i just added images/ to the image url. i think that was the right thing to do, but the images are still not visible.

Forum: Themes and Templates
In reply to: Twenty Eleven – images replacing menu text – but 1 problem with submenu

lizannehart