Caboom – Documentation

[mips100]

Is there a link or a document you can recommend to :
1) Detailed instructions to know how to modify each section available in the Caboom Theme ?
2) To get a “complete” list of Caboom specific script language to reference elements such as [icon name=’icon-phone’] which are specifically related to your Theme ?

Thanks,
Mips

[mips100]

Especially looking for the short codes on how to include the allslider and the contact-form inside a specific page.

Thanks,
Mips.

[7Theme Support]

Hi Mips,

why dont you use the shortcode generator, normally there are all icons and sections included.

For the contact form you can use this shortcode:

[contact]

The allsider has no shortcode, because you can display it only in the header. To add the allslider to the header, please edit the page you want to show the slider, click the “Slideshows” tab in the settingsbox below the editor, choose a slider and the source.

Please take also a look at the documentation and the Knowledge Base:

Knowledge Base

[mips100]

For the allslider, our images are not as wide as the screen width. How can we have the images show up on the center of the screen rather than pushed to the left side of the screen ?
Also, is there a way to put a 1 line gap (<br>) between the allslider images and the header section of the Theme ?
Is there a way to write some kind of text on each image in the slider, or have a border around the allslider images ?

Thanks,
Mips.

[7Theme Support]

Hi,

to center the images (and add a border around it) you can insert this in WP admin -> Appearance -> Theme Options -> General -> Extra CSS Content:

#cycle_header img, #flexslider_header img {
 margin:0px auto;
 border:10px solid red; /* this is for the border around the images */
}

To add some pixel distance between the slider and the header just insert this in the same textare (Extra CSS Content):

#cycle_container {
 padding-top:20px;
}

If you want to add some text above the slides (like in our demo website), you can do that in WP admin -> Appearance -> Allslider, scroll to the bottom of the page and click the “Gear” icon for an image, then you can insert a first and a second line with text.

[mips100]

We installed a different slider on the Caboom theme and there seems to be about an inch of empty space between the top of the slider and the end of the top section. Is that something that is related to the theme options ?

Also, we are trying to have the logo nicely placed on the top left side of the page, and the menus displaying to the right of it rather than under that logo section. Not seeing an option for that. Any thoughts ?

Thanks,
Mips.

[7Theme Support]

Slider: You’ve asked us to add a distance between the header and the slideshow area, that was the CSS code we gave you, and I think thats why there is now the empty space under the header.

Logo: Normally the logo is always on the left and the menu on the right side, like in our demo page for the Caboom Theme. Have you changed something? Can you send us the link to your website, then we can take a look at it and help you to solve the problem.

[mips100]

For the slider, you sent the code to move it down but we did not apply it. We simply tried another plug-in slider and now there is space.

Here is a link to the site. Link

We couldn’t figure it how to modify the info in the 2 columns footer either.

Thanks,
Mips

[7Theme Support]

Hi Mips,

I saw the slider is in the main area ( content area), there is a padding top the top, thats true.

If you want, you can wrap the shortcode for the slider with a div:

<div style="margin-top:40px">
[your_shortcode]
</div>

This should solve the problem.

[Author]

Posts