Add images

JTis20

I'm trying to add an image next to my text in a Column, and the code shows as the following. How do I change this so that the image shows up?

[image src="" width="" height="" align="" stretch="0" border="0" margin_top="" margin_bottom="" link_image="" link="" target="" hover="" alt="" caption="" greyscale="" animate=""]

Phil

Hello,

If you want to display an image using this shortcode, you should put the image URL between frist quotes.

[image src="link_to_your_image"...]

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

JTis20

1. I'm using the Rally Driver theme, which has only lines for the contact form, but I would like the contact form to have boxes like some of the other themes do. How can I change that?
2. Also, I would like the default margins to be much smaller for the theme. How do I do that?
3. How do I get the effect where the text appears delayed when you scroll?

Thanks!

Phil

1) Please, go to Betheme -> Theme options -> Colors -> Forms, and remove everything from Border width input.

2) Can you point me what margins are you talking about, please?

It would be great if you attach a link to your website, and screenshot showing these margins.

3) To achieve that, you just need to add a Animation to the item that contain this text.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

JTis20

Ok thanks!

1. The website is abbykimballvoice.com. The margins seem to be set to a default width which I would like to be smaller.
2. How do I make a box of color around the menu items at the top? I tried changing the Active Link Background color but it didn't seem to work.

Phil

1) I do not know what margins are you talking about. Can you send me a screenshot showing these margins, please?

2) By "box of color" you mean border around the menu items? If yes, you can achieve that by creating and using Custom CSS Code. You can place your CSS Codes in Betheme -> Theme options -> Custom CSS & JS -> CSS.

If you need help with that, let me know.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

JTis20

1. Attached is a screenshot. I would like the pictures and text to extend farther on the screen and have less blank space on the sides. How do I do that?
2. I'm trying to get boxes around the menu items like this website has https://www.ardenkaywinvocalstudio.com/. What would I need to do in CSS?

Thanks!

Screenshot.docx

Phil

1) Please, go to edit of this page, and in section options check Columns | remove horizontal margin and Columns | remove vertical margin.

2) Please, try to use the following Custom CSS Code.

#menu .menu-item span:hover{
   background: #320292!important;
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

JTis20

1. The Fade In function seems to make all of the text fade in all at once as a block, but how do I get the text to fade in as you scroll?
2. How do I center content in the footer?
3. What are the ideal dimensions for images sized thumbnail, medium and large?
4. How do I make text inline with an image within a Column? The image seems to appear above or below the text by default. Thanks!

Phil

1) But it is working as you want. As soon as I scroll on the text "Hi, I'm Dr.[...]" the animation executes.

2) To center the content in Footer, you can use simple CSS.

3) It all depends on the images you want to use. I cannot give you one exact answer.

You need to test your images.

4) Can you give an example how it should look, please?

Also, if you are new to BeTheme, we suggest taking a look into:

• Documentation:

https://support.muffingroup.com/documentation/

• List of shortcodes and items with examples:

http://themes.muffingroup.com/be/splash/

• Tutorial Videos:

https://support.muffingroup.com/video-tutorials/

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next