How to set border in css from option tree array?

Question

I have an option in my theme settings that is made by option tree that is border type. now I want to say if that wasn't empty, set css for my div. my id of border type in option tree is header-1-border-top. when I use :

<?php print_r(ot_get_option( 'header-1-border-top' )); ?>

in my php file it shows me this:

Array ( [width] => 2 [unit] => px [style] => solid [color] => #8224e3 )

and this is where I want to set my style :

<style type="text/css">
.filmview-header-1 {
<?php if (ot_get_option( 'header-1-border-top' ) !== ''){ ?>
border-top: /*what put here?*/;
<?php } ?>
}
</style>

I don't know what should I put where I wrote /*what put here?*/ to everything work well.

I know the syntax of css, I don't know how to convert array to that form — elyas
– elyas, Commented Dec 31, 2017 at 15:10
ot_get_option( 'header-1-border-top')['width'] . ot_get_option( 'header-1-border-top')['unit'] . " " . ot_get_option( 'header-1-border-top')['style'] . " " . ot_get_option( 'header-1-border-top')['color'] — connexo
– connexo, Commented Dec 31, 2017 at 15:12
The keys of the array entries need to be passed as strings. Changed my comment above accordingly. — connexo
– connexo, Commented Dec 31, 2017 at 15:17

Lawrence Cherone · Accepted Answer · 2017-12-31 15:40:30Z

0

You need to output the the result of the option/array, for example:

<style type="text/css">
.filmview-header-1 {
<?php if (($options = ot_get_option( 'header-1-border-top' )) !== ''): ?>
    border-top: <?php echo isset($options['width']) ? $options['width'] : null,
                           isset($options['unit'])  ? $options['unit'] : null,
                           isset($options['style']) ? ' '.$options['style'] : null,
                           isset($options['color']) ? ' '.$options['color'] : null; ?>;
<?php endif ?>
}
</style>

edited Dec 31, 2017 at 15:40

answered Dec 31, 2017 at 15:18

Lawrence Cherone

46.7k7 gold badges66 silver badges107 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

connexo Over a year ago

wouldn't imploding create a space between width and unit?

elyas Over a year ago

Are you sure? I got syntax error. and you miss .filmview-header-1 {}

Lawrence Cherone Over a year ago

sorry, was rushing about at home.. fixed

Collectives™ on Stack Overflow

How to set border in css from option tree array?

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related