Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Montezuma Theme »

[SOLVED] No sidebar in one page & cutsomize the widget icon


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Feb 15, 2013, 09:01 AM
Zooman
 
5 posts · Feb 2013
Hello,

thank you for the theme Montezuma. I really enjoy it.

But I've two questions.
1) I've a sidebar everywhere, but on only one page (static), I would like to have no sidebar. How can I hide the sidebar in this specific page ?

2) I customized the icons for the nav bar. Easy. I would like now to customize the icon of the link widget. I've 3 categories of links. So I've the widget links 3 times on the sidebar, 1 for each categorie. But the icon is the star. I would like to have a specific icon the each one. How can I do that ?

EDIT : I guess it will be the same to change the icon of the search widget /EDIT

I'm not a professional of CSS, but I "tink"... :D

Thank you

Last edited by Zooman; Feb 15, 2013 at 09:10 AM.
  #2  
Old Feb 15, 2013, 09:18 AM
juggledad's Avatar
juggledad
 
22,263 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
Quote:
1) I've a sidebar everywhere, but on only one page (static), I would like to have no sidebar. How can I hide the sidebar in this specific page ?
1) go to dashboard->pages and edit the page in question
2) look at the address of the page, it will be something like this:
HTML Code:
http://yourdomain.com/wp-admin/post.php?post=2&action=edit
3) make note of the value in the 'post=..' part of the address. In this case the post value is '2'. This is your page ID
4) go to mto->main templates->+ Add main template
5) for the template name use 'page-nn' where nn= your page ID. So using the value from above you would use 'page-2'
6) set the 'Make new template a copy of:' to 'page' and press the 'Add Main Template' button

You can now edit this template and the settings will ony show on this page.

Quote:
2) I customized the icons for the nav bar. Easy. I would like now to customize the icon of the link widget. I've 3 categories of links. So I've the widget links 3 times on the sidebar, 1 for each categorie. But the icon is the star. I would like to have a specific icon the each one. How can I do that ?
basically the same way as the menu. You just have to find the CSS selector or create one that is specific to each item you want to change. This is where a code inspector like FireBug in Firefox vecomes a valuable tool to learn how to use.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Feb 15, 2013 at 12:31 PM.
  #3  
Old Feb 15, 2013, 01:30 PM
Zooman
 
5 posts · Feb 2013
Dear Juggledad

thank you for your quick answer.

1) I followed your steps. I added a template and deleted the <div> of the widgets. Then I changed this
Code:
<div id="content" class="col8">
to this
Code:
<div id="content" class="col12">
Thank you, it works.

2) I'm able to change the search widget icon, by just adding this :
Code:
.widget_search > h3 i 			{ background-position: -120px -120px }
.widget_search:hover > h3 i 			{ background-position:  -96px -120px }
I'll later add a new icon.

But one problem persists. I've two widgets of links, with a star icon. I would like to customize this icon.
Code:
<aside id="linkcat-9" class="widget widget_links cf">

<aside id="linkcat-10" class="widget widget_links cf">
I tried this in the widgets.css :
Code:
.linkcat-9 .widget_links > h3 i				{ background-position: -120px -120px }
and
Code:
#linkcat-9 .widget_links > h3 i				{ background-position: -120px -120px }
It doesn't work. Do you have any clue, please ?

Thank you.
  #4  
Old Feb 15, 2013, 01:51 PM
juggledad's Avatar
juggledad
 
22,263 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
this
HTML Code:
.linkcat-9 .widget_links > h3 i
in english says:
for an element with an class of 'linkcat-9'
that has a decendent element with a class of 'widget_links
that has a H3 child element
that has an I decendent element
apply this CSS.

Test time: why doesn't your CSS selector work? If you don't know, go take teh tutorial at http://htmldog.com/guides/cssbeginner/ and then look at your CSS again.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Feb 15, 2013, 02:39 PM
Zooman
 
5 posts · Feb 2013
Solution :
Code:
#linkcat-9 > h3 i				{ background-position: -120px -120px }
thanks

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Removing Magnifying Glass Icon from Search Widget HenryGomez Sidebars & Widgets 6 Sep 24, 2010 12:36 PM
Placing Twitter Icon in Sidebar gradlebum Sidebars & Widgets 1 Aug 3, 2009 09:32 PM
Getting rid of widget Side border and replacing with an icon. jmesax Sidebars & Widgets 2 Mar 2, 2009 04:38 AM
Want to place icon in Sidebar HalfWayThere Sidebars & Widgets 2 Feb 7, 2009 11:30 AM


All times are GMT -6. The time now is 10:21 PM.


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