-
Posts
-
Hi Guys,
I need your advise.Recently I made a website using the enfold theme and I really love the theme and the way you guys give support. So I decided to start build my second website with the enfold theme too. But I get stuck…
Is Enfold the best theme to fit this website??If you have a look at http://insurion.ltena.com/ then you’ll see a very basic website.
The initial design you can see at: http://insurion.ltena.com/firstdesign.jpgSo I started placing:
– a 1/1 layout element with the title,
– a 1/1 layout element with a slider,
– 5 x 1/5 layout elements for the sections as shown in the firstdesignThe first element I populated with a media element – image. The image was made using photoshop and is a png file because of transparency. The picture contains the text. Disadvantage is that the text is resized once the window is resized. It looks fat and ugly.
The second element I didn’t populate. Instead I edit the cell and use a custom background image in the colors tab. I used the original picture in full size (844 x 1500px). But the picture doesn’t automatic resize to fit the element. Hence the picture is way to big.
The second element I didn’t populate either and used a smaller picture (70 x 120px) as custom background image. But the picture is way too small and doesn’t resize either. So it looks crapy again.
The third element I populated with the same sort of image (844 x 1500px) as I did with the first element. Except that the picture doesn’t contain text. Instead I used the option ‘Caption overlay’ to populate the section with text. But that sugs too. The text is way to big (no the font size), The text starts directly at the top. I would like to be able to use some kind of cell padding. I know this can be achieved with div’s but isn’t that a bit way off from the theme??
The last option I can think of is using a kind of image element like the first element but then not using a png photoshop file but a vector image. Disadvantage is that I still might look crappy as the image still resizes with different resolutions, or when the user resizes the window.
HELP!!
What would you do?
What is the best way to make the page look like the initial firstdesign?
Is enfold the best theme? Or am I better of using a different theme? (any advise??, it doesn’t need to be a cheap or free theme.)
I am no php developer so I cannot change the stylesheet to much.I am looking for your input and advise.
Please feel free to ask for a private login if the above explanation is not sufficient.
Best regards,
Bart Altena
Hi alteba!
Thank you for using Enfold.
I think you need to use the Column Layout > Grid Row element instead of the column element. And instead of adding the boxes as image, use the icon box element instead. Let us know if you need more help. The Enfold theme is our most advance theme yet so on the theme-front, you’re golden.
Cheers!
IsmaelHi Ismael.
Thank you for the response. working with grid row elements does allow me to place images as background.
The problem with images as background is the aspect ratio (which I completely forgot).
With different sized windows the section is deformed due to incapability of images to resize both width and height without adjusting the aspect ratio. So I can not continue using an Image with text without the image deforming.I created a new solution with an Avia Layout Element. But is there any way to link a layout element and all its content?
I now have an element containing a background image, cell padding 60px from the top and placed a special header, a textblock and an image at the bottom of the cell. I want the visitor to redirect to a different page as soon as he clicks somewhere in the cell.
Best regards,
Bart Altena
I was thinking of two different methods to work with..
1) use a transparent gif (1×1 px) and make it clickable. The only thing is…..
I can’t place it anywhere without disturbing the current content/layout2) use a custom CSS which I added by adding code to the functions.php as described in: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
It should allow me to add e.g. ‘link_adviseur’ in the custom css field of the layout element,
then add code in the quick CSS that explains that all items with ‘link_adviseur’ can be clicked and redirected to an url.
But I don’t know how to make this code for the quick css.I think the second option is maybe the best. Can you help me achieving this?
I am looking forward to your replybest regards
Bart Altena
update:
I found an example but that is Jquery and I don’t know if and how I can add jquery in the theme.
Can jQuery be combined with enfold?Het is the example I found:
$(‘.case’).each(function() {
var link = $(this).html();
$(this).contents().wrap(‘‘);
});
case is the name of the class
source: http://jsfiddle.net/r5uWX/1/Hi!
Sorry for the delay.
To add your custom jQuery to any wordpress site please use a wordpress function and add it to the bottom of your functions.php
// Custom jQuery function custom_function_name(){ ?> <script> jQuery(document).ready(function() { // YOUR jQuery Code here }); </script> <?php } add_action('wp_head', 'custom_function_name');for more info please see https://developer.wordpress.org/reference/functions/wp_enqueue_script/
Best regards,
Vinay Kashyap
- You must be logged in to reply to this topic.