Spider FAQ

Step by step guide


Step 4: Creating Themes for the WordPress FAQ

  • From the navigation bar on the left select FAQ >Themes.
  • Click on the Add a Theme button on the upper right hand of the screen or choose a theme from the list of built-in themes. There are 22 themes available. If you change the parameters of the default theme, there is a Reset Theme button in the General Parameters section for resetting the parameters of the default theme to their original values.

4.3 Question Title Parameters
4.3.1 Space between Questions. Specify the space between questions in pixels.
4.3.2 Margin (left). Define the left margin(outside the border) for the questions section.
4.3.3 Height. Define the height of the question area.
4.3.4 Width. Define the width of the question area.
4.3.5 Font Size. Define the font size of the questions text.
4.3.6 Text Width. Define the width of the question text block (percentage).
4.3.7 Padding (left). Specify the space inside the question box border, between the left border and question text.
4.3.8 Text Color. Choose the color of the question text.
4.3.9 Background. Choose a background type for the question boxes.

  • Color.  Select a background color and choose what color the background appears when the mouse is hovered over the question box.
  • Image.  Select a background image.

4.3.10 Gradient. Choose whether to apply gradient or not. If you choose to apply gradient, you will also need to select the gradient direction (from top to bottom, from left to right, or centered) and the two extreme points of the linear color gradient.
4.3.11 Background Color. Select the background color.
4.3.12 Backgrould Hover Color. Select the background color when hovered.
4.3.13 Border Style. Choose the style of the question box border from the list. 
4.3.14 Border Top Style. Choose the style of the question box for the top part.
4.3.15 Border Right Style. Choose the style of the question box for the right corner.
4.3.16 Border Width. Define the width of the border.
4.3.17 Border Color. Choose the color of the border.
4.3.18 Border Corner Radius. Define the corner radius of the border.This option is for making the corners of the border round. Its value signifies the radius of the circle that fits in the corner of the box border. If you do not want to round the corners at all, you need to type in ‘0’ or leave the field blank. 
4.3.19 Numbering. Choose whether to have a numbering for the questions or not.
4.3.20 Numbering Font Size. Choose the font size for the numbers.
4.3.21 Numbering Color. Specify the color for the numbers.
4.3.22 Bullet image (Collapsed). This field allows selecting a bullet image for the questions, which is displayed when the question is collapsed.
4.3.23 Image Margin (left). Define the left margin of the bullet image.
4.3.24 Bullet Image(Expanded). This field allows selecting a bullet image for the questions, which is displayed when the question is expanded.
4.3.25 Image Margin (left). Define the left margin of the bullet image.
4.3.26 Image Position. Specify the position of the added image.


Previous Step Next Step

Never miss important news and exclusive offers!

Join Our Community