Forum Replies Created
-
AuthorPosts
-
have you set the min-height of the color section to 0?
Some stuff that can increase the height of an element: min-height, height, padding, margin
A link to the website would help to check what is causing the white space.To add IDs to other elements then color sections please use this: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
can you post a link to your website?
There might be some CSS applied to links that mess things up.
You could adjust the width at which the menu changes to like 9999: https://kriesi.at/support/topic/top-menu-with-the-social-icons-bigger/#post-134332
This way it will change to the mobile menu earlier.
I would use the blank template you can choose when creating editing a page.
then:
CSS:img.bg { /* Set rules to fill background */ min-height: 100%; min-width: 1024px; /* Set up proportionate scaling */ width: 100%; height: auto; /* Set up positioning */ position: fixed; top: 0; left: 0; } @media screen and (max-width: 1024px){ img.bg { left: 50%; margin-left: -512px; } }
And then for the page content HTML:
<a href="http://google.com"><img class="bg" src="http://yourwebsite.com/wp-content/uploads/2014/05/background.jpg"/></a>
But somehow it deletes tha class from
<img >
when i mouseover twice. result is a small image.with menu or without menu at the top?
If you choose the boxed layout in the general styling, you can set a background image witht the option to make it fixed.
you also have some options on how to stretch or repeat the image if its to small.Oh wait, i see that you want the areas between the color sections to be transparent?
You could set the background color of the main content to transparent to get this effect in the boxed layout.
I am just another user, not support.
But i would have used a boxed layout with a fixed background and quick css#main, .main_color{ background-color: transparent !important; }
The borders would need adjustment as well then.
To bad you can’t do that in the general options but you have to use CSS. would be nice if you could set “transparent” as main color in the theme options.
please be more specific or link a picture of what you want.
If i understand correctly you want something similar to this: http://kriesi.at/themes/enfold/homepage/home-v7-one-page-portfolio/
In addition:
– only 1 image (not sliding)
– no content below the image / slider
– If you click anywhere on the image you want to be directed to some kind of secondary front page?Please be as specific as possible, like if you want the menu at the top or no menu on this page and stuff like that.
should be the following:
In the header options:
header layout:
Menu and Logo Position: Logo left, menu right
Header size: largethen there is a tab named “Extra Elements”
Header Social Icons: Display in top bar at the leftIn the theme options, then general styling you can enter quick css.
To reduce the space around all short seperators you can use:
.hr-short { margin: 0px; }
you’re running version Enfold 2.6. the newest should be 2.7.1
This video explains everything. It’s very simple. if you have any further questions please ask
-> Enfold Theme Options
-> Generel Stylingthere you can insert quick css.
here the code:
.avia_ajax_form input, .avia_ajax_form select{ color: #000000 !important; }
How about using a 2 column layout instead of a 4 column layout?
Then you could use a table in each of the columns.That would make everything way easier.
its a very old question, but your solution works as well.
It seems like the text does not cut off with a fix size, but the box does not expand and can cause other layout problemsDo you want to use a boxed layout?
http://kriesi.at/themes/enfold/?skin=Boxed%20Wooda link to your site would help to see what you have done so far
error message in his first post says: Allowed memory size of 268.435.456 bytes
That’s 256 mb as far as i can tell.
wasn’t he allocating 256 mb allready?
But if he uses a cache plugin i guess he might use to large media files that gets loaded into the cache.
cant read the private messages.May 13, 2014 at 5:17 pm in reply to: Change H1s, H2s, etc. to Mixed Case instead of ALL CAPS #264059There are 2 ways:
1. Dont write it in uppercase
2. Use text-transform: lowercase and text-transform: capitalizeBut since it is not inside an element with a unique ID the second solution would transform other H1 elements as well. (Lowercase+Capitalize Would Capitalize All Words In H1 Tags Like This)
So just go with the first solution :)(it does not get transformed in the first place, it got entered in all uppercase)
May 13, 2014 at 5:01 pm in reply to: Change H1s, H2s, etc. to Mixed Case instead of ALL CAPS #264046h1, h2, h3 {
text-transform: none !important;
}edit: also edit h3 in case you want to get rid of all the text transform. standard is h1, h2, h3 to be uppercase in enfold.
- This reply was modified 10 years, 6 months ago by Flikk.
i dont even see the box. tried it on my own site and the box is not showing for me.
But try to paste this into the general styling of the enfold options
quick css:
`.av_facebook_widget {
width: 300;
}His request was “fullscreen background”
But after he said he is using a slider i thought what he wants is: http://kriesi.at/themes/enfold/homepage/home-v7-one-page-portfolio/I guess a fullscreen background is what he really wants in the end. So the linked plugin should help.
Wenn du etwas wie das hier brauchst: http://css-tricks.com/examples/FullPageBackgroundImage/css-1.php
Dann kannst du das Plugin verwenden welches Ismael verlinkt hat: http://wordpress.org/plugins/wp-backgrounds-lite/Du kannst es auch ohne plugin machen achtung, nicht mit jedem browser kompatibel:
html { background: url(images/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
Zur Kompatibilität und anderen Möglichkeiten kannst du noch hier lesen: http://css-tricks.com/perfect-full-page-background-image/
Die komplizierten Lösungen welche eine höhere Kompatibilität bringen würden, sollten allerdings den support hier übersteigen.
Daher empfehle ich einfach das Plugin zu benutzen oder ältere browser nicht zu unterstützen.you find the option in the settings of the slider.
You can acces the settings of the slider if you scroll all the way to the top.
it’s in the bar above your slidesThere you can choose slider settings, slides and event callbacks
In the Enfold theme options you can enter quick css in the general styling area.
.main strong { color: #000000; }
should affect all strong tags in the main section (after the header)
you can also check out the advanced styling in the enfold options to customize the formatting for several tags/elements.1.
Enfold theme options -> general styling -> header
Enfold theme options -> advanced styling -> main menu (beta)
or use the quick css / cutom.css to change it (you can ask here for help if its not to advanced stuff)2.
add [nolink] at the end of your socket textinside the custom.css in your enfold theme there is a extra section for the mobile css.
Or you use this in quick css:
@media only screen and (max-width: 767px) { #advanced_menu_toggle { your css } }
you can give the div from my previous answer a class or id to target it easier.
A link to your site would also help to see how it looks.Do you have other plugins running? try to deactivate all other plugins in wordpress.
For simple slides like that you could also use another slider.
transparent is the standard value for background.
you can set the background with:.social_bookmarks>li { background-color: #ffffff; }
sorry, i missplaced my “;”
it’s
width: 300px; !important
width: 300px !important;and you might have to use !important for everything. but you can first test it with width only
.wptrigger { background: #DEDEDE !important; -moz-box-shadow: inset 0 0 10px #000000 !important; -webkit-box-shadow: inset 0 0 10px #000000 !important; box-shadow: inset 0 0 10px #000000 !important; border: 10px solid #B3B3B3 !important; font-size: 40px !important; color: #13608E !important; text-align: center !important; font-family: “wf_SegoeUILight”,”wf_SegoeUI”,”Segoe UI Light”,”Segoe WP Light”,”Segoe UI”,”Segoe”,”Segoe WP”,”Tahoma”,”Verdana”,”Arial”,”sans-serif” !important; padding: 100px 10px 10px 10px !important; width: 300px !important; }
get background color from parent:
background-color: inherit;
Or set the background color you want
background-color: #ffffff;
I dont think the file permission is the problem.
Do you have a link to the site?Maybe the css from the wp-triggers has a higher priority.
Have you tried to use !important?.wptrigger{ height: 200px !important; }
got the wrong idea
- This reply was modified 10 years, 6 months ago by Flikk.
-
AuthorPosts