Creating widget like donation bar but without text/button

Support Area Forums Foundation Creating widget like donation bar but without text/button

Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
URL to the page in question: http://globalpeacescout.com
  • Author
    Posts
  • #21297
    Avni Parekh
    Participant

    Hi Bill,

    I’d like to create a new widget that looks like the same rectangular boxed widget for donations, except without words and without the donate button.

    I’d like for it to serve as a separator/divider.

    Thanks!

    #21306
    Bill Robbins
    Moderator

    Hello Avni,

    Thank you for your business. Interesting idea too. We should be able to do that. Here’s how it would help me help you best. Add in a new action widget to your home page where you’d like to have the divider. Then let me know which one it is. I can then send over some specific CSS so you can turn that action widget into a divider.

    I’ll also need a way to see past the coming soon page too in order to set that up.

    Thanks,
    Bill

    #21385
    Avni Parekh
    Participant

    Hi Bill, sorry for delayed reply. The website is now live.

    You’ll see the bar that says “about global…” that is the donation bar, but aesthetically manipulated.

    Now I’d actually like for the divider bar to have text, is that possible?

    Also, on some computers the footer acts up. For instance, it ends up behind the 2 twitter boxes and not underneath them.

    #21399
    Bill Robbins
    Moderator

    Hello Anvi,

    Let’s tackle the trouble with the widgets and the footer. What’s happening here is Twitter loads these tweets after the page is created. That causes the height of them to change after items are placed. As a way around that, we can set a minimum height for those widgets so the browser will have an idea of how tall they will be. Here’s how to do that:

    1. Go to your theme options page and choose the Style tab.
    2. Scroll down to the Custom CSS box and add this:
      
      #text-10,
      #text-8 {
      	min-height: 638px;
      }
      
    3. Update your settings.

    For the divider with text, that sounds like what the attention widget creates in the Home Bottom sidebar. I would use that there and simply skip the button.

    If you have any questions or trouble, let me know.

    Thanks,
    Bill

    #21403
    Avni Parekh
    Participant
    This reply has been marked as private.
    #21413
    Bill Robbins
    Moderator

    Hello Avni,

    See if this won’t let your title have as much space as needed:

    1. Go to your theme options page and choose the Style tab.
    2. Scroll down to the Custom CSS box and add this:
      
      @media only screen and (min-width: 1024px) {
      	
      	#home-widgets .action h4.widget-title {
      		max-width: none;
      	}
      
      }
      
    3. Update your settings.

    Have a great week,
    Bill

    #21432
    Avni Parekh
    Participant

    Hi Bill, thank you very much. It worked perfectly! I really appreciate your help and I absolutely love this theme.

    Many thanks, Avni

    #21436
    Bill Robbins
    Moderator

    Fantastic. If you need anything else, just let me know.

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Creating widget like donation bar but without text/button’ is closed to new replies.