sharonq (Page 5)

[sharonq]

Thanks guys – the button is back – most of my plugins have now done a wp 3.5 upgrade so I’m assuming that whatever knocked it out got fixed in an update.

[sharonq]

It works fine on one website but disappears on another. It’s missing in all browsers on one website. – any idea of a possible conflict or something special about what puts the insert button there?

[sharonq]

Thanks Jason – that looks like a better way to use Ubermenu.

There is also one that is built for Bootstrap.
If I need to learn the backend (and I’m working my way through the videos to do that) which strategy do you think would work best with JS in the long run – getting a bootstrap based megamenu to work with your menu or embedding Ubermenu properly?

Right now it is working just fine as long as I don’t go over 31 CSS files.

BTW – I just migrated one of my other websites to JS and had the whole thing switched over and running smoothly in 2 hours! I’ve just migrated the original – no post grids or sliders yet and still its so much cleaner and responsive.

[sharonq]

Yep – those are the ones I was looking for – here is the odd thing – when I counted CSS files (including them) I got 33 – I killed two CSS files but turning off two sliders and suddenly IE was working.

So… does IE count them as CSS files? Weird. Maybe I need to root out some of the codes too and use proper CSS s instead.

Do you have any idea how complicated all of this is to someone who is new – wish I could do a Vulcan mind meld or something – the more I learn the more I realize I don’t know.

I find the same thing happening with your JumpStart theme – the more I get to know it the better I like it. I was trying all kinds of different ways to get the stretch layout to look more Bootstrap ish and then realized that everything I needed was in builder.

Now if you only had a Stretch Child theme with the menu beside the logo it would have been perfect – i am not going to tell you how long it took me to finally get it to work…. (and I keep expecting it to break…)

[sharonq]

Oh – just to explain – on my jumpstart test site I had 3 CSS files when I looked at it under firebug called #3 #3 and #3, on my main site I have seven CSS files all called #7 – and I too am confused as to where they come from and what they are doing. I think these are part of a gallery plugin.

[sharonq]

Oh darn I thought by deactivated plugins I had tracked the files to the theme but it looks like they are actually linked to a plugin – will keep looking – thanks for your help – iust knowing they are not theme CSS makes a difference.

[sharonq]

(smacks head… that could be the problem….) Perhaps it is time for new glassess…

[sharonq]

Just to close the loop – in case anyone else is trying to create a menu beside the header. I needed adjust the #access CSS to match the contatainer:

#access: {
min-width: 600px;
max-width: 600px;
float: right; }

For some reason this did not work at the end of style.css but it did work when I added it to the existing #access

[sharonq]

These are the DIVs that seem to impact:

I can see that access is linked to Navigation – which makes sense except how to I tell access where the menu is?
Is there a doc that talks about access?

</div

[sharonq]

I am working on my development site: http://backup.teamsfirst.ca/

• This reply was modified 10 years, 3 months ago by sharonq.
• This reply was modified 10 years, 3 months ago by sharonq.

[sharonq]

Looking deeper the problem might be with ‘#Access” that seems to be styling the header background to match the background of the menu. I now have Ubermenu turned off and my header area background is white the same as the menu – the menu looks fine if the background is transparent but seems to pick up the background of the menu.

This is the html:

<a href="http://teamsfirst.ca">Home</a>
<a href="#">Search For<i></i></a>

	<a href="#">Activities<i></i></a>
	
		<a href="http://backup.teamsfirst.ca/find-an-indoor-program/">Indoor Activity</a>
		<a href="http://backup.teamsfirst.ca/find-an-outdoor-program/">Outdoor Activity</a>
		<a href="#">Leadership Activity</a>
	

	<a href="#">Development<i></i></a>
	
		<a href="#">Leadership Development</a>
		<a href="#">Team Startup</a>
		<a href="#">Assessment</a>
	

	<a href="#">Virtual Teams<i></i></a>
	
		<a href="#">Intranet Resources</a>
		<a href="#">Aps and Websites</a>
	

	<a href="http://backup.teamsfirst.ca/venues/">Venues<i></i></a>
	
		<a href="#">Hotels</a>
		<a href="#">Conference Centre</a>
		<a href="#">Exotic Destinations</a>
	

	<a href="#">Event Management<i></i></a>
	
		<a href="#">Event Managers</a>
		<a href="#">Facilitators</a>
		<a href="#">Large Group Activities</a>
		<a href="#">Keynotes</a>
	

	<a href="#">Learning<i></i></a>
	
		<a href="#">Learning</a>
		<a href="#">Webinars</a>
		<a href="#">Workshops</a>
		<a href="#">Books</a>
	



<a href="http://backup.teamsfirst.ca/contact-us-2/">Contact Us</a>
<a href="#">News<i></i></a>

	<a href="http://backup.teamsfirst.ca/category/front_page/">News</a>


<a href="http://backup.teamsfirst.ca/wp-login.php?action=logout&_wpnonce=375851834c">Log Out</a>

How do I tell “access” to stay within themeblvd_header_addon? It seems to want to add a background to the header container.

• This reply was modified 10 years, 3 months ago by sharonq.

[sharonq]

Thank you Jason – that is what I needed to know (and you were right – that was what was confusing me).

Your menu is working fine beside the logo – though when I switch to UberMenu it adds a background that fills the full width and height of the header and covers the logo – I’ll check in with the menu dev to see if I can sort out the CSS to fix it.

Sharon

[sharonq]

I was using Alyska when we first started – mostly because I wasn’t sure I could handle Jumpstart – but ran into a few challenges with 2.15 and thought I would give JumpStart a try – since you were making trying .php easier. I thought that since the dev docs were the same it wouldn’t make a difference and didn’t want to complicate things – so sure we can moved to JumpStart at this point.

This is where we started: http://testdrive.teamsfirst.ca/

This is my actual site: http://www.teamsfirst.ca

The test sites change a lot – so didn’t want to confuse you – I’m struggling with getting the Types and Views plugin to work properly and have had to restore from backup a few times and ended up wiping out the changes on the Alyska site because of that but since I had copied the changes to the new JS testssite kept going from there.

The Alyska theme has been lovely to work with but I did find that customizing was easier from Jumpstart and would encourage anyone else who is thinking of customizing a fair bit to make the switch. Jumpstart has many of the familiar features and benefits of Alyska and then adds in more all within a framework that is set up to easily allow you to make it your own.

[sharonq]

I am getting close! The piece I am missing is assigning a div id to the new “header above” widget.
I can see both widgets

If I use: #branding .widget-area .header-above{…
nothing changes

If I use #branding .widget-area…
both widgets are formatted the same

In firebug I do see the div id for my_header_widget area but not for my_header_above and yet I ddn’t put it there wiath a in functions .php. I did add a dive for the header-above widget – but is does not show up 🙁

I’m wondering if I missed something – both widgets are in my_header_content – just two different spots within it. Should the functions be grouped together or in separate sections?

This is my functions php:

* My header content
 */
function my_header_content() {
	themeblvd_display_sidebar( 'my_header_widget_area' );
}
remove_all_actions( 'themeblvd_header_addon' );
add_action( 'themeblvd_header_addon', 'my_header_content' );
/**
 * Add new sidebar location. Header above 
 */
themeblvd_add_sidebar_location( 'my_header_above_widget_area', 'My Header Above', 'collapsible' );

/**
 * My header above
 */
function my_header_above() {
	themeblvd_display_sidebar( 'my_header_above_widget_area' );
}
remove_all_actions( 'themeblvd_header_above' );
add_action( 'themeblvd_header_above', 'my_header_above' );
function my_header_above() {
	echo '';
	themeblvd_display_sidebar( 'my_header_above_widget_area' );
	echo '';
}

this is what firebug shows:

[raw]Login, Logout, Facebook, Twitter, Linked In[/raw]

#branding .widget-area .header-above{
    float: right;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    color: #ffffff;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 100%;
    margin: 0px 0px 0px 0px;
background: #bbbbbb;
}

[sharonq]

Figured out that I use CSS to style the widget and now have a lovely widget to the right of my header 🙂

I tried to add a second widget above the header and almost got it – the widget is there but when I look at it with Firebug the div seems to have a generic name “widget area” rather than a specific one – which makes styling complicated. Did I miss something in the php?

This is what I added:

/**
 * My header before
 */
function my_header_before() {
	themeblvd_display_sidebar( 'my_header_before_widget_area' );
}
remove_all_actions( 'themeblvd_header_before' );
add_action( 'themeblvd_header_before', 'my_header_before' );

This is what I see in Firebug

Login, Logout, Facebook, Twitter, Linked In

• This reply was modified 10 years, 3 months ago by sharonq.
• This reply was modified 10 years, 3 months ago by sharonq.

[Author]

Replies