Forum Replies Created
-
Posts
-
i suggest using the min-height property only.
Even if its only 2 extra lines of code, stuff like that will add up in the future and reduce the loading times of your page.min-height = minimum height of the element when it’s empty.
max-height= maximum height. Important if you dont want a layout to get destroyed because the content of the element makes it to big.
height= defines a fix size for the element. cant be lower then the min-height or heigher then the max-heightmin-height is the only thing you need.
reducing the amount of code reduces the load time of you page. even if it is only 0.0001 second.#color-section-01 { min-height: 20px; }If i try to create a color section the id is “av_section_1”
But best would be to give the color section an ID (at the very bottom of the color section options)
And then use the ID to change it.
Also you want to lower the min-height.#nameOfColorSection { min-height: 20px; }nameOfColorSection needs to be the same as the ID you gave the color section.
That sets the minimum height of the Color Section to 5 pixels.
The height still increases depending on the content inside of the color section.just checked it.
Looks like the widget comes from the Jetpack plugin.
You could install another plugin like: wordpress.org/plugins/image-widget/
To make it easier to add images with a widget.But in my opinion, every plugin i install increases the chance that one of them makes my site vulnerable.
dont know about the image widget, is it from a plugin?
If you go to the media libary and choose an image, you’ll see the file URL on the right side.
You could that for the image url in your widget.Hope that helps, otherwise you’d have to wait for a reply from the actual support.
You also could look for another image widget plugin.
Its the same as with the icon element.
you might have to scroll down in the option panel of the button depending on your screen size.
The option to disable / change the icon is at the very bottom.If you use the advanced layout builder and drag&drop the icon element into the content area,
you can mouse over the placed icon and a options bar will show above the icon element.
There you can duplicate, edit or delete this element.if you choose edit, you can change the icon and the style.
I had the same problem once.
I think restarting firefox helped.You could also clear the browser cache or try a different browser just to see if that works
could you send me a link to your site?
edit:
go to the enfold settings and edit the logo by clicking the upload button and then choose gallery.
change the size to “full size”.change the header height from 207px to 217px. (there is a 5px padding above and below the logo. so the header needs to be 10px heigher)
i’m not official support but it should be the size of the header container.
you can change it in the enfold settings > header layout.
For the header size choose “custom pixel value” and choose 207pxFirst of all you need wordpress installed.
Then all you have to do is place the enfold folder into the theme folder of your wordpress installation.
If you have installed wordpress to E:\HostingSpaces\Festivaldesarts\festivaldesarts.net\wwwroot\
Then the theme folder is E:\HostingSpaces\Festivaldesarts\festivaldesarts.net\wwwroot\wp-content\themesAfter that you only have to activate it by loggin in to your wordpress admin area. (websiteaddress.net/wp-admin)
In the menu on the left side go to apprearance>themes and activate the enfold theme.If you don’t have wordpress intalled see: http://codex.wordpress.org/Installing_WordPress
i am not an official but: http://kriesi.at/documentation/enfold/add-new-or-replace-advanced-layout-builder-elements-from-child-theme/
could be what you’re looking for.i am no official support,
but for me it allready looks bold.And to change the color you can add
#footer .widgettitle { color: #ffffff; }to the quick css
I am not the official support but you could try to add to the mobile section of your custom.css:
.responsive .logo, .responsive .logo a, { height: 50px !important;}to the mobile section of your custom.css
or in the quick CSS:
@media only screen and (max-width: 767px) { .responsive .logo, .responsive .logo a, { height: 50px !important;} }with a screen width of 768px – 989px the menu seems to move up so you can only read half of it.
guess it’s not completly fixed.Hi,
i tried using the Code element and when i go back to edit it i get:
<table style="width:300px"> <tr> <td>Jill</td> <td>Smith</td> <td>50</td> </tr> <tr> <td>Eve</td> <td>Jackson</td> <td>94</td> </tr> </table>It is way better then the Text Block element but still removing all the whitespaces infront of each line.
Guess i still have to save larger code sections in text files.
Or is there any other way?Hey,
i know you’re reading alot of questions that you have to answer.
But i dont see the point of the plugin if i allready enqueued the scripts in a custom template.
With that, all i need to do is to add a div with the right ID to hold the map.Maybe you got confused after i answered part of my own question.
To recap my situation:
– i asked for the best way to include my java script code for a single page
– i figured out myself that i can put it into the enfold/js/ folder and enqueue through a custom template
– still wondering if thats the right way to do it or if something like a custom shortcode would be better.I am running wordpress 3.9 with enfold 2.6.4 and it works
updating the theme might help http://vimeo.com/67209750
Hi,
I allready have the newsest version of Enfold and know about the Google Maps element.
But it is not enough for what i want to use. The Google Maps elements has very limited options and custimization.So what would be the best way to implement my own javascript for a single page?
Is “template-builder.php” the standard template?
Would it work to create a copy of “template-builder.php”, make a custom template out of it and add:wp_enqueue_script( 'mapAPI', 'https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false'); wp_enqueue_script( 'map', get_template_directory_uri() . '/js/map.js');Or are there better solutions?
I guess you did not see it yet.
Since the website is not live, can you test the color section full width in a custom template on your test server?
All i did was copy the page.php and added the template name.
Then try to create a page with a full width color section in a boxed layout.
Color section should be 1130px but is only 1030px.Template:
<?php /* Template Name: test custom template */ global $avia_config; /* * get_header is a basic wordpress function, used to retrieve the header.php file in your theme directory. */ get_header(); if( get_post_meta(get_the_ID(), 'header', true) != 'no') echo avia_title(); ?> <div class='container_wrap container_wrap_first main_color <?php avia_layout_class( 'main' ); ?>'> <div class='container'> <main class='template-page content <?php avia_layout_class( 'content' ); ?> units' <?php avia_markup_helper(array('context' => 'content','post_type'=>'page'));?>> <?php /* Run the loop to output the posts. * If you want to overload this in a child theme then include a file * called loop-page.php and that will be used instead. */ $avia_config['size'] = avia_layout_class( 'main' , false) == 'entry_without_sidebar' ? '' : 'entry_with_sidebar'; get_template_part( 'includes/loop', 'page' ); ?> <!--end content--> </main> <?php //get the sidebar $avia_config['currently_viewing'] = 'page'; get_sidebar(); ?> </div><!--end container--> </div><!-- close default .container_wrap element --> <?php get_footer(); ?>Did not work for me.
But it looks like i was to stupid to see the padding option from the color section element.
Changed ot from “default padding” to “no padding” and everything looks fine.
Now i dont even need the top: -50px anymore.all i need is
‘#fullwidthmap .container {
width: 100% !important;
margin: 0px;
position: relative;
}’I moved on to using the google maps api myself so i can do even more stuff with the map.
But somehow the template breaks some avia related stuff but thats another story in another topic.
Changing my first post for people who find this and want to use it.
