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 » Sidebars & Widgets »

Putting Fade Background in Sidebars, and Removing Grey Blocks next to Widgets


  #1  
Old Feb 13, 2010, 01:01 AM
rhythm
 
32 posts · Jan 2010
2 questions:
1) I'm trying to put a rounded-corner border around my sidebar widgets, with a simple fade-blue-to-white background image behind the title/links. If you go to http://www.thedigitalrecordingstudio.info at look at the Recent Posts, Recommended and Tags in the right sidebar, you'll see what I'm trying to simulate. That bordered, faded box is a .jpg image file living in that theme called Amazona (obvious name!) which I'd like to insert into Atahualpa. Can I just put the code into the Sidebar>Style option, or do I have to follow it up in the CSS and/or sidebar.php. I'm not a coder, so I need all the guidance I can get, thanks

2) In all the Atahualpa widget link lists, you get these little grey blocks just to the left of each link (no matter if your remove all padding.) Just want the words, no grey boxes...how do I get rid of 'em?
  #2  
Old Feb 14, 2010, 12:21 AM
rhythm
 
32 posts · Jan 2010
excuse the bump, but isn't there anyone who knows how to create a border and a light fade around our sidebar lists? Juggledad, anyone?

And am I the only one who wants to get rid of those little grey blocks next to all our post links?

Would really appreciate some guidance, thanks.
  #3  
Old Feb 14, 2010, 10:47 PM
Velma
 
272 posts · Feb 2009
I haven't figured out the round corners for the sidebars either, however with the gray blocks, that's pretty easy.

Under Style Widgets, Widget List Items, put the Left Border Width for Links at 0 (zero) and they'll be gone.
  #4  
Old Feb 15, 2010, 06:02 AM
juggledad's Avatar
juggledad
 
23,682 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
if you want round corners, you need to use the 'border' css
HTML Code:
-moz-border-radius: 30px;
-khtml-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
add this to RIGHT sidebar style (or LEFT) - NOTE: This does not work in IE because IE doesn't support border
__________________
"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, 2010, 01:44 PM
rhythm
 
32 posts · Jan 2010
Quote:
Originally Posted by juggledad
if you want round corners, you need to use the 'border' css
HTML Code:
-moz-border-radius: 30px;
-khtml-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
add this to RIGHT sidebar style (or LEFT) - NOTE: This does not work in IE because IE doesn't support border
Thanks Juggledad. I got lots of help for both my questions from Rashell. She had me put that border radius code right into the ATA Options>Widgets>Widget Container and it worked fine.

She also helped me insert that fade image in the background behind all my Widgets, see:
http://www.jukeboxandpinball.info/

Problem is, it's only showing up on the Home page (currently set to show Latest Post in Settings>Reading). If you click any other post link, the rounded border and it's padding settings stay, but the blue-to-white background fade disappears...even though the image URL is entered into Widgets>Widget Container, which should be a universal option for ALL posts

She didn't know why this was happening, and said either you or Flynn could help?
  #6  
Old Feb 15, 2010, 02:10 PM
juggledad's Avatar
juggledad
 
23,682 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
I suspect this has to do with the permalinks. Try swapping back to the default permalink and see if it works.
To make sure it works, use the fully qualified url of the image.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Feb 15, 2010, 03:02 PM
rhythm
 
32 posts · Jan 2010
Quote:
Originally Posted by juggledad
I suspect this has to do with the permalinks. Try swapping back to the default permalink and see if it works.
To make sure it works, use the fully qualified url of the image.
Thanks, J. Switching to Default Permalink did allow the image on all posts.
For cleaner URLs and SEO, I always use the Custom Permalink /%postname%/, and never had problems in the past. And it's curious that the code for those rounded borders is in the same Widget Container style box as the image URL, and the borders show up on every page.

I'd certainly prefer to use /%postname%/ over the Default permalink. Is there a way I can do both? I'm not sure what "fully qualified url of the image" means, or if that's part of the solution
  #8  
Old Feb 15, 2010, 05:10 PM
juggledad's Avatar
juggledad
 
23,682 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
the borders are CSS while the url may be getting effected by the code in the .htaccess (I am by no means an .htaccess pro...or even amateur)
Fully quallified url = http://www.mydomain.com/wordpress.wp-contents...etc etc
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #9  
Old Feb 15, 2010, 05:59 PM
rhythm
 
32 posts · Jan 2010
Quote:
Originally Posted by juggledad
the borders are CSS while the url may be getting effected by the code in the .htaccess (I am by no means an .htaccess pro...or even amateur)
Fully quallified url = http://www.mydomain.com/wordpress.wp-contents...etc etc
I know nuttin' about htaccess either, but you hit the nail on the head when you sent me a "fully qualified URL" example. My URLs were like yours, but without the http://domainname.info" on the front end. When I added that in the code, the background image now repeats itself in all posts, EVEN with the custom /%postname%/ Permalink chose. Yay!

One other quick question if you please: If I widen my browser screen, the extra bars (bar1, bar2) I added stretch with it, no matter how wide I go. However my header image does not. It was created (in Photoshop) with an image width of 1260 pixels, but the width isn't flexible with the browser display. Where do I set this?

Also, I love this theme (because of it's immense flexibility) and you guys have been great with support, so I want to donate. Where do I donate, and what's a good suggested amount?
  #10  
Old Feb 15, 2010, 06:55 PM
juggledad's Avatar
juggledad
 
23,682 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
If you want to stop the page from getting any bigger than the 1260px, at ATO->Style & configure LAYOUT put 1260 in 'Layout MAX width' or else make your images wider.

On my own site, I use 1440 as teh max width and have my pictures that size. You can 'pin' the image to the right, center or left so as the page gets smaller the left disapears, both sides disapear, or the right disapears off the page. I pcked center and make sure if there is an importane image, it is in the center.

If all your images had, say, a face on the right of the picture, you would want to align it (ATO->Header Image->Header Image: Alignment) it on the right so the left side would disappear as teh page is made smaller.

You can donate to Flynn (the developer) by clicking the 'Click Here To DONATE!' and then hitting the top donate button. You can donate to me by clicking the 'Donate to Juggledad' button. Both donations will be credited to your account. Any amount is appreciated.
__________________
"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, 2010 at 07:22 PM.
  #11  
Old Feb 15, 2010, 07:43 PM
rhythm
 
32 posts · Jan 2010
OK Juggledad (can I know your real name, or something shorter:-)...that page width info was perfect, thanks!

I donated directly to you, will donate a similar amount to Flynn in near future. ATA is great, the only theme I know of where you can literally make your blog look anything you want...including non-blog sites like Amazon...once you get fluid with all the settings.

Another question if you have time:
I almost always replace ATA's header images with one of my own creation. I just delete the 3 header images ATA comes with, and upload my one header image. It always works, but one problem. The Search Bar becomes invisble, even if it's still checked "Yes" in the Show Search Bar? query.

I know I could put one in the sidebar w/Widgets, but I prefer a workable search bar in the header. If I simply add a searchbar graphic when I'm creating my header in Photoshop, it'll look like there's a searchbar there, but it won't be an operable link. And I'm not coder enough to turn that graphic into a workable link.

So is there any way to overlay ATA's own working Search Bar over a self-replaced header? Or what would be your cleanest way of accomplishing this?

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Round Bullets showing in IE as well as default 'blocks' in widgets jdwrite Sidebars & Widgets 1 Jan 27, 2010 04:08 PM
[SOLVED] Putting Space Between Sidebars DannyLife Sidebars & Widgets 2 Dec 17, 2009 07:56 AM
[SOLVED] How to set widgets background different in left and right sidebars? braids Sidebars & Widgets 3 Dec 12, 2009 09:34 PM
grey bars on sidebars .. category, blogroll, tag .. etc. ireneeng Sidebars & Widgets 1 Oct 22, 2009 01:06 PM
[SOLVED] Tables Body Background Color permanently Grey KatyDigg Atahualpa 3 Wordpress theme 6 Sep 26, 2009 01:23 PM


All times are GMT -6. The time now is 09:19 AM.


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