How to add custom background (img) to footer & accordion section questions

[gladwynlewis]

Hi,

I would like to add a custom image to the footer background section, behind the text. The footer background is attached.

Also I have created a page with an accordion part with sections. How do I link is so that a hyperlink on another page redirects to the page with the particular accordion section already opened. (i.e. Services Page – Accordion Section – Design [opened])

Also I have created a 1/4 section slider with testimonials, however the testimonials are not appearing, is there any reason why?

I would like to do something like this http://integritystl.com/services/ in terms of how the services part changes when you click on the respective section. Is there anyway to get this done using the elements in the theme.

Thanks so much for your help, awesome theme btw!

Cheers,

Gladwyn Lewis

[Cosmin – SUPPORT]

Hey,

To add a custom background to the footer, try this custom CSS in the theme options:

#footer {
  background: url("path/to/image.jpg") 0 0 repeat transparent !important;
}

Accordions: linking like that is not possible.

Regards,

————————————————————————————————————

Cosmin
Support Assistant

[gladwynlewis]

Hi Cosmin,

Most accordions allow to link it using a hashtag e.g. http://wearepixelvector.com/services/#strategy

It is very important that I am able to do this, however even including custom class field, the hashtag remains the same for all the accordion menus i.e. http://www.wearepixelvector.com/services/#

Is there anyway to change this so that the custom class is changed in the href for the particular section of the accordion menu, so that instead of creating multiple submenus are loading an additional page, we can directly link to load or open the particular accordion section using something similar to http://wearepixelvector.com/services/#strategy

The issue here is even if i use another accordion plugin that allows me to link back to the particular section, I am unable utilize the shortcode because I am using the swift page builder.

Much appreciated if you could help me solve this issue at the earliest by simple modifications or direct me to a plugin that I can use within the swift page builder.

Thanks,

Gladwyn

[Swift Ideas – Ed]

Hi Gladwyn,

It would take quite a bit of editing to do this. You’d need to edit the accordion code to have the hashtag in the link, plus use the JS shown here – http://stackoverflow.com/questions/1861030/jquery-accordion-opening-a-box-based-on-href

You can find the code for the accordion output here – /includes/page-builder/composer/lib/shortcodes/accordion.php

– Ed

[usnraver]

I used the css custom code to add my background – but how do I change the color of the footer behind the image as it is currently white and my footer image is a png?

[Tekguild]

usnraver – just add background-color: to the style with the hex color code you’d like it to be, as such:

#footer {
  background: url("path/to/image.jpg") 0 0 repeat transparent !important;
  background-color: #fff
}