Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)
-   -   How to Hide Dynamic Widget Area for One Page? (http://forum.bytesforall.com/showthread.php?t=23224)

tamdoll Jun 22, 2015 01:03 PM

How to Hide Dynamic Widget Area for One Page?
 
Page I'm trying to isolate from the rest of my website: http://www.goffstownlibrary.com/wifi-access
(eventually there will be a button that users should click to agree/proceed to the rest of the site).

I've been able to remove the sidebars via ATO Style & Configure SIDEBARS.
I used CSS inserts to remove the header info for one particular web page as per http://forum.bytesforall.com/showthread.php?t=3123 & it worked great, thank you.

I am still trying to remove a few more pieces from this one particular web page -
The header image had been hyperlinked - how to remove that on this page only
& also , how to remove the DYNAMIC WIDGET AREAS?

In Configure Header Area I have:
%bar1 <?php bfa_widget_area('name=Top of Page Area Spaces &cells=3&before_widget=<div id="%1$s" class="header-widget %2$s">&after_widget=</div>'); ?> %bar2
%image %page-center %bar1

Thanks for your great forums, I always find the answers I need here.

juggledad Jun 22, 2015 02:17 PM

There is a new div section with a class of 'header-image-container-pre' that was added to allow full width headers, so where you have (in CSS Inserts)
HTML Code:

body.page-id-2353 div#imagecontainer {
    display: none;
}

change it to
HTML Code:

body.page-id-2353 div.header-image-container-pre  {
    display: none;
}

to get rid of the dynamic widget areas in the header, look at the source of the page and find the widget area code (the HTML) then code a CSS selector like you used for teh removing the image and put in a 'display: none'.

you could actually combing the two so you have
HTML Code:

body.page-id-2353 <new selector goes here>,
    body.page-id-2353 div.header-image-container-pre  {
    display: none;
}

(and yes I'm going to make you learn how to find the selector)

tamdoll Jul 17, 2015 12:31 PM

Thank you! This has been helpful.
Going to file this away for now since it looks like we're not going to need the page modifications at this time.


All times are GMT -6. The time now is 08:29 AM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.