Button formatting issues (re. line wrapping & button settings)

lpobrien · April 2019

I am using BEtheme/writer

My website: http://www.lawrenceobrien.ca/

1. Button formatting issues

a) Button is being wrapped to a line below a title. Was intending that it remain beside.

Under book images, I intended to have a button to the right of the title but in each case, it rounded to a position below. Is there a way of integrating the two without the line wrap?

Location Reference: On my main page (Click books to get to the middle where there are four books with titles & buttons under each).

Code I am using is

<h2 style="color: #ffffff;">Clochán</h2>[button title="Read More" radius=30px link="http://www.lawrenceobrien.ca/clochan" target="_blank" align="" color="transparent" font_color="#ff3a2d" size="2" full_width="" class="" rel="" onclick=""]<a href="#"></a

b) Button formatting shortcode in an Icon box is being ignored

(Setting for transparent & font colour are being ignored. I wanted rounded red border colour & specified radius=30px but similarly, info was being ignored.

(method for creating buttons is far simpler with menus on a slider... form method need work).

Larry

Pablo · April 2019

Hi,

1) Unfortunately, it's not possible to make the text and button in the same line in the icon box feature.

You would have to do it in two wraps (wrap and below the first wrap another wrap) with your custom HTML/CSS structure.

2) There is no parameter like "radius" in our button shortcode.

Check it out here: https://themes.muffingroup.com/be/theme/shortcodes/typography/#buttons

If you would like to change some values which are not included in that shortcode, you have to create custom css for buttons.

Also, all custom css should be pasted in the Theme Options > Custom CSS & JS > CSS

If you don't know how to do that CSS, tell me, I'll make it for you.

Thanks

lpobrien · April 2019

Is it possible in an icon box to make button transparent? Would appreciate your assistance/direction.
I compare what I have for buttons in http://www.lawrenceobrien.ca/#Books with ugly white space opening

vs the buttons which have transparent buttons for which I created on sliders (which are displayed at https://www.lawrenceobrien.ca or https://www.lawrenceobrien.ca/clochan/)

(I'll have to live with the wrap as per your comments above.

Bryan · April 2019

You can use this css to make the button background transparent in the icon box.

.icon_box .button {
	background:transparent !important;
}

lpobrien · April 2019

Thanks Bryan will give it a go.

Button formatting issues (re. line wrapping & button settings)

Comments