Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Page & Category Menu Bars »

Help i want image as background on the category bar!!


  #1  
Old Jan 5, 2012, 09:07 AM
Crispuchita's Avatar
Crispuchita
 
4 posts · Jan 2012
Hi everybody,

I'm new here so : Hi !!!
Ok my question I'm working the last few days with the Word press 3.3.1 and Atahualpa 3.7.3.
So far so good, i have my own background, header, background on the center column an sidebar.
Still i can't find where i can change some things so this are my questions:

1. I want to use a own background on the category bar and also change the background on the
hover.
Right now I can only use colours.
2. Can I made the center column and sidebar have the same sizes everywhere and scroll when the
text is larger than the sizes of both?

I have more questions but i want to begin with this two

Thanks for helping me and kisses,

Crispuchita
  #2  
Old Jan 5, 2012, 10:57 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
1. This can be done with CSS using the selector for the menu
2. You can use CSS to give a height to the elements you want and then use the overflow:scroll property.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Jan 5, 2012, 01:12 PM
Crispuchita's Avatar
Crispuchita
 
4 posts · Jan 2012
Hi lmilesw,

thank you for your answer but do you mean the stylesheet or the css.php
Because my stylesheet i can't find it at all. I've searching but where is it?? my stylesheet looks like this now:

Code:
/*
Theme Name: Atahualpa
Theme URI: http://wordpress.bytesforall.com/
Description: Configure your custom theme: Fixed or flexible width layout, with min/max width, 0 - 4 sidebars, very browser safe (incl. IE6), create custom widget areas, import/export styles (several styles included), color pickers, over 200 options. 
Version: 3.7.3
Author: BytesForAll
Author URI: http://forum.bytesforall.com/
Tags: white, one-column, two-columns, three-columns, four-columns, fixed-width, flexible-width, custom-colors, custom-header, theme-options, left-sidebar, right-sidebar, threaded-comments, sticky-post, translation-ready
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
 
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.alignleft {
	float: left;
	}

.alignright {
	float: right;
	}

.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	padding: 4px;
	text-align: center;
}
	
.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
	}
	
.gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
	}

.sticky {
	font-weight: normal;
}

.bypostauthor {
	font-weight: normal;
}
Please help :S

Thanks Cris

Last edited by Crispuchita; Jan 5, 2012 at 01:24 PM.
  #4  
Old Jan 5, 2012, 01:26 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
You don't need to, or in my estimation want to, modify any theme files. If you do and modifications will not survive a theme upgrade.

All the CSS can go in the theme options. Some areas have there own option CSS boxes and some you would put in ATO>Add HTML/CSS Inserts>CSS Inserts.

Then to backup your options you can export them via Export/Import Settings in the theme options.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #5  
Old Jan 5, 2012, 02:14 PM
Crispuchita's Avatar
Crispuchita
 
4 posts · Jan 2012
Thanks again for your answer lmilesw !!
I didn't saw on the atahualpa options that

i got this now and it's alsmost working, the problem is now that if i go with the mouse over the category he doesn't the image, here the code:
Code:
div#menu2 ul.rMenu {
    background-image: url("http://www.driemeubelambachten.com./wordpress/wp-content/themes/atahualpa/images/bar2012jpg.jpg"); 
    background-position: 100%;
    background-repeat: repeat;
    height: 24px

}

div#menu2 ul.rMenu li {
    background-image: url("http://www.driemeubelambachten.com./wordpress/wp-content/themes/atahualpa/images/bar2012-2jpg.jpg"); 
    background-position: 100%;
    background-repeat: repeat;

}
div#menu2 ul.rMenu li a{
    background-image: url("http://www.driemeubelambachten.com./wordpress/wp-content/themes/atahualpa/images/bar2012jpg.jpg"); 
    background-position: 100%;
    background-repeat: repeat;

}
THANK THANK THANK YOUUUUUU
  #6  
Old Jan 5, 2012, 05:43 PM
juggledad's Avatar
juggledad
 
23,574 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
for mouse over you need '... a:hover'
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Jan 5, 2012, 10:06 PM
swimflyfast2's Avatar
swimflyfast2
 
150 posts · Aug 2010
Horse Country in Virginia
Do you have any idea how can i get the background blocks that show up to disapear so I can lay menu text on top of this image? See attachment.

Code in Inserts:
HTML Code:
/*   THIS IS THE BLUE MENU BAR 
div#menu1 ul.rMenu {

    background-image: url("http://www.online.rssupplyllc.com/images/menu1-blue.jpg"); 
    background-position: 100%;
    background-repeat: no-repeat;
    height: 47px
}
*/
I changed the jpg so that is is solid color to match the background color of the menu item and that works but I'd rather have the text lay on top with rectangle transparent as shown in test site. test site here
Attached Thumbnails
Click image for larger version

Name:	Screen shot 2012-01-05 at 10.24.01 PM.png
Views:	432
Size:	106.0 KB
ID:	1712  
  #8  
Old Jan 5, 2012, 10:26 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Set them to transparent in CSS Inserts. You MAY have to add !important to the CSS though. Not sure of the selector but you can get that with Firebug.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #9  
Old Jan 6, 2012, 01:36 AM
Crispuchita's Avatar
Crispuchita
 
4 posts · Jan 2012
Thank guys!!!

Of course i needed a:hover, silly me
I also get the overflow:scroll, but i must confess i don't like the colour and i know the firefox doesn't changing the colours of the overflow so maybe i will change that back.

I saw in the site of swimflyfast2 that he or she has an icon on the widgets menu, can i change that also in the atahualpa options??

And btw @swimflyfast2 is looking good your site

Again guys thanks !!!!
  #10  
Old Jan 6, 2012, 08:32 AM
swimflyfast2's Avatar
swimflyfast2
 
150 posts · Aug 2010
Horse Country in Virginia
I'm going to start a new thread ...

Last edited by swimflyfast2; Jan 6, 2012 at 11:51 AM.

Bookmarks

Tags
background, center column, sidebar

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Alternating background colors for category items in sidebar category widget Cheers Sidebars & Widgets 5 Nov 2, 2011 08:05 AM
Background Image for Category Menu Items joan Page & Category Menu Bars 3 Apr 19, 2010 04:30 AM
background image over-sized - Full Page Background Image prokopino Atahualpa 3 Wordpress theme 2 Mar 30, 2010 05:42 AM
[SOLVED] How to get a background image show thru background color juggledad Header configuration & styling 3 Apr 18, 2009 06:03 AM
Changing repeated background image forces each page to reload background doctorrobert Atahualpa 3 Wordpress theme 8 Feb 15, 2009 07:36 AM


All times are GMT -6. The time now is 01:50 PM.


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