Home › Forums › Duelmotion – WordPress Theme › Final configuration page
This topic contains 17 replies, has 3 voices, and was last updated by ab-themes 9 years, 2 months ago.
Hi,
I writting you to request answer me some doubts.
First, after I build a second page,(for example: http://www.thebraincolors.com/estrategia-organizacional), I see that exist one small part in white. Can I eliminate it? (see example1 or website)
Second, can I choose the height of fonts? I can´t find this option in the editor text.
Third, How I change the background color of the submenu? I change the color of main menu, but when the pointer select the sub-menu, this can´t see. (see example2, or in the website: http://www.thebraincolors.com)
Thanks for all your support!
Regards,
André
Hi,
First thing is happening because logo image needs some time to be loaded.
Try to avoid this by adding height on header.
The code is in wp-content\themes\aeron\style.css file on line 590, add height: 195px;
this should do the trick.
Second: you can size of text, you will have to make changes in the same file from above.
For headings (h1-h6) code is from line 143 to 176.
Second: Also style.css on line 701, make that background important, like this:
background: #003655 !important;
and hover background for each submenu item is on line 752.
Best Regards
Hi,
I successfully solve 2 of 3 things.
The only aspect that persist is the first, i can´t eliminate the white part that appear between Menu and the section of text. (please see here: http://www.thebraincolors.com/estrategia-organizacional)
your trick not result :(
There are other way to solve this?
Thank you so much! ;)
André
Hi,
Don´t worry about my problem! I got solve in other way!
I just including a slider in each page that “service box” redirecting me.
I know that not a solution for that, but now that´s fine! ;)
Thank you again for your suport!
Best regards,
André
We see that your page looks fine, glad we could help :)
Is it normal for most of the text editor’s buttons to be disabled? As in font size, color, etc. It seems the only thing that works is my left, center, right justified buttons.
That shouldn’t be disabled, works fine on our end. Do you have any errors when inspecting page?
Hi,
I have one question about Drag & Drop.
I saw your theme Voxz-3 (http://preview.magnior.com/vozx-3/) and I like so mutch the effect of the boxes, where I do not need to click to see the contents of the box, it automatically turns the mouse when you step on it.
I can do this effect with Drag & drop that came with my theme (Duelmotion), or this function is only available in Voxz theme.
Thanks
Best Regards,
André
We have made this effect in VozX only. You’d need to add an additional styling and php.file.
The thing is that Duelmotion has the older version of DnD shortcode plugin, and we’d have to update the theme. Sadly currently it has a low priority on our list of things to update, so update if comes won’t come that soon.
If you want to, you can add the code that we’ll paste on the bottom. Add them in your dnd-shortcodes plugin in plugins folder – find in the admin subfolder shortcodes.php, and paste the code there, at the bottom
/*********** Shortcode: Metro Box ************************************************************/
$ABdevDND_shortcodes['metro_box_dd'] = array(
'attributes' => array(
'title' => array(
'description' => __('Title', 'dnd-shortcodes'),
),
'short_description' => array(
'description' => __('Short description', 'dnd-shortcodes'),
'info' => __('This will go on the front of the metro box', 'dnd-shortcodes'),
),
'icon' => array(
'description' => __('Icon name', 'dnd-shortcodes'),
),
'icon_color' => array(
'description' => __('Icon Color', 'dnd-shortcodes'),
'type' => 'color',
'default' => '#8cbde7',
),
'box_color' => array(
'description' => __('Box Color', 'dnd-shortcodes'),
'type' => 'color',
'default' => '#285fdb',
),
'border' => array(
'description' => __( 'Box Border', 'dnd-shortcodes' ),
'default' => '0',
'type' => 'checkbox',
),
'link' => array(
'description' => __('Link', 'dnd-shortcodes'),
),
'target' => array(
'description' => __('Target', 'dnd-shortcodes'),
'default' => '_self',
'type' => 'select',
'values' => array(
'_self' => __('Self', 'dnd-shortcodes'),
'_blank' => __('Blank', 'dnd-shortcodes'),
),
),
'class' => array(
'description' => __('Class', 'dnd-shortcodes'),
'info' => __('Additional custom classes for custom styling', 'dnd-shortcodes'),
),
),
'content' => array(
'description' => __('Content', 'dnd-shortcodes'),
),
'description' => __('Metro Box', 'dnd-shortcodes' )
);
function ABdevDND_metro_box_dd_shortcode( $attributes, $content = null ) {
extract(shortcode_atts(ABdevDND_extract_attributes('metro_box_dd'), $attributes));
$box_color = ($box_color!='') ? 'background:'.$box_color.';' : '';
$border = ($border) ? 'border: 1px solid #e9eaec; border-radius:8px;' : '';
$return = '
<div class="dnd_metro_box '.$class.'" style="'.$border.'">
<div class="flipper">
<div class="front" style="'.$box_color.'">
<div class="dnd_metro_box_header">';
$return .= ($link!='') ? ( ($icon != '') ? '<a href="'.esc_url($link).'" target="'.esc_attr($target).'" class="dnd_icon_boxed"><i class="'.esc_attr($icon).'" style="color:'.esc_attr($icon_color).'; background:transparent;"></i></a>': '' ) : ( ($icon != '') ? '<div class="dnd_icon_boxed"><i class="'.esc_attr($icon).'" style="color:'.esc_attr($icon_color).'; background:transparent;"></i></div>' : '' );
$return .= ($link!='') ? '<a href="'.esc_url($link).'" target="'.esc_attr($target).'"><h3>'.wp_kses($title, ABdev_allowed_tags()).'</h3></a>' : '<h3>'.wp_kses($title, ABdev_allowed_tags()).'</h3>';
$return .= '</div>';
$return .= ($short_description != '') ?'<div><p>'.wp_kses($short_description, ABdev_allowed_tags()).'</p></div>' : '';
$return .= '</div>';
$return .= ($content != '') ?'<div class="back"><p>'.do_shortcode($content).'</p></div>' : '';
$return .= '</div></div>';
return $return;
}
And in your style.css paste this code:
/********** Shortcode: Metro Boxes *************************************************************/
.dnd_metro_box{
display: block;
text-align: center;
padding-top: 0;
margin: 10px 0;
-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;
position: relative;
}
.dnd_metro_box:hover .flipper{
transform: rotateY(180deg);
}
.dnd_metro_box .flipper {
transition: 0.6s;
transform-style: preserve-3d;
position: relative;
}
.dnd_metro_box, .dnd_metro_box .front, .dnd_metro_box .back {
min-height: 260px;
}
.dnd_metro_box .flipper .front, .dnd_metro_box .flipper .back {
backface-visibility: hidden;
position: absolute;
top: 0;
left: 0;
}
.dnd_metro_box .flipper .front {
z-index: 2;
/* for firefox 31 */
transform: rotateY(0deg);
width: 100%;
}
.dnd_metro_box .flipper .back {
transform: rotateY(180deg);
background: #524E4E;
}
.dnd_metro_box h3{
font-size: 20px;
margin-bottom: 0;
padding-top: 61px;
color: #fff;
}
.dnd_metro_box p{
padding-top: 3px;
color: #fff;
padding: 0 50px 37px;
margin-bottom: 0px;
}
.dnd_metro_box .back p{
padding: 80px 50px 30px;
}
.dnd_metro_box .dnd_icon_boxed{
width: 70px;
height: 70px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: transparent;
text-decoration: none;
border: 2px solid #fff;
position: relative;
top: 44px;
display: inline-block;
}
.dnd_metro_box .dnd_icon_boxed i{
color: #fff;
font-size: 24px;
line-height: 65px;
}
.dnd_metro_box.boxed{
height: 301px;
box-shadow: 0 0 0 1px #eef0f2 inset;
position: relative;
}
.dnd_metro_box.boxed .dnd_metro_box_header{
position: absolute;
top: 40px;
left: 50%;
margin-left: -70px;
}
.dnd_metro_box.boxed .dnd_metro_box_header .dnd_icon_boxed{
border: 0px;
}
.dnd_metro_box.boxed .dnd_metro_box_header .dnd_icon_boxed i{
color: #285fdb;
font-size: 40px;
}
.dnd_metro_box.boxed:hover .dnd_metro_box_header .dnd_icon_boxed i{
color: #fff;
}
.dnd_metro_box.boxed:hover .dnd_metro_box_header h3{
color: #fff;
}
.dnd_metro_box.boxed .dnd_metro_box_header h3{
color: #3c414c;
}
This should give the flip metro boxes to your theme. Let us know if it works.
Hi,
I did all you said to do, but when I refresh the webpage, the screen is white, the “famous” white screen of wordpress.
The file .php is easy to find, the file style.css I don´t know!
Can you tell me if the file style.css you mentioned is the file that are in folder CSS (shortcodes-default.css), inside the folder dnd_shoutcodes? Or is other, in another location?
Thanks one more time!
André
The topic ‘Final configuration page’ is closed to new replies.