-
Search Results
-
In reply to: Menu Font Changes
Oh that’s perfect, thank you!
separate note —
I can’t get the hover state to work properly. I tried the following cods and it didn’t do anything:
hover state:
#top .main_menu .menu li ul a:hover {active state:
#top .main_menu .menu li ul a:active {Thanks bud
In reply to: Icon box woth secondary color
Hi,
It is not humanly possible to memorize every customization on every page of all 25+ themes created by Kriesi. Our expertise allows us to hear your issue and based on experience to find a solution.
There is a setting when you add icon boxes to chose between the two types. On the page you showed one setting is the top box, and another setting is for the bottom box. http://www.clipular.com/c?5984183=nP5u95YY68zTnjdZQ7M-p3K48II&f=.png
”Icons” is a deceptive word for what those objects are, and I think the word ‘glyphs’ better describes them. They are actually letters in a font, so normally they use the background color of the surface they are displayed on. You can see this for yourself by selecting a glyph/icon from the url you included, and then pasting it into a text editor.There is a finite number of these glyphs, but more are created by font designers.
So your question “How do we create those icon boxes with secondary background color?”
Go to Enfold > Styling … These settings http://www.clipular.com/c?5979214=wbrivr4adQ4g86CNba80vyKmb0c&f=.png produce this look http://www.clipular.com/c?5981208=QQxKvMUsOUltUkXuW9UQEHceyWs&f=544f41686b75de40fc3a238eeae84636
So you can match the colors to see what causes what. Obviously if you leave the color completely out of the setting, the glyph will take a background color of anything below it including an image.
—
If you want the direct css to be able to change the colors, here it is ( http://www.clipular.com/c?5983163=jwLi-AjivmSQAOy2kDhl86kB-TA&f=.png ) <– css blocks explained in image
Icon Position Setting : Left (on the above link to image, it is CSS BLOCK 1)
/*---background,color,border color of the settings:left glyph---*/
#top .iconbox_icon.heading-color.avia-font-entypo-fontello {
background-color:rgb(174,255,181);
color:rgb(205,6,255);
border-color:rgb(41,11,255);
border-width:1px;
border-style: solid;
}—
Icon Position Setting : Top (on the above link to image, it is CSS BLOCK 2)
/*---background color of the box itself (orange)---*/
/*---shadow around the box itself (raspberry)---*/
#top .iconbox_top .iconbox_content {
background:rgb(233,122,37);
box-shadow: 2px 2px 3px 2px rgb(160,49,49);
}
/*---background,color,border color of the circle and of the glyph---*/
#top .main_color.iconbox_top .iconbox_icon {
background-color:rgb(174,255,181);
color:rgb(205,6,255);
border-color:rgb(41,11,255);
border-width:1px;
border-style: solid;
}*If you want to make every icon box on a page to have its own colors, you will need to use CSS with firebug or Chrome Developer Tools to look at the code ***after*** creating the boxes to get their individual ID numbers and add those to the above css. To learn more about CSS, a highly recomended resource is CSS Beginner Tutorial or 5 Baby Steps to Become a CSS Sorcerer
I hope this answers your question :)
Thanks,
Nick
Hello, everyone,
I found this code, and I added it:
.menu li.menu-item a:hover {
color: red!important;
}
But, if I change the text color to blue in the code above instead of red, then is difficult to read. Also Red, on top red, is difficult . If I put black, or grey, is the same problem. I found solution with white, but, then you do not see in the menu bar because my background is white also.
some suggestions?
I don’t want to change my top dark red color in the top bar.
I want to change menu hover text color without changing the menu text color, or if this is not possible, then change the menu hover background without changing the menu top bar color.
Hope you will understand me.
Thanks,
Alexia.
In reply to: Menu Font Changes
Hi,
You should use this
#top .main_menu .menu li ul a {
width: 100%;
height: auto;
float: left;
text-align: left;
line-height: 23px;
padding: 8px 15px;
font-size: 12px;
min-height: 23px;
max-width: none;
text-decoration: none;
}Regards,
Ismael
I have a page (http://apexcriticaldefense.com/course-registration/) that after you submit the form, the page does not scroll to the top for you to see the “thank you” message, you have to manually scroll up. Is there a way for this to auto scroll? Please feel free to test it out and see for yourself.
Thanks,
Scott
In reply to: How to Display Controls in Easy Slyder
Topic: Special Heading Padding
I’ve put a ‘special heading’ field above a slider on my site but the padding above and below is very wide. I’ve found the CSS to shrink it but it seems to be a global property (line 961 of layout.css).
.content, .sidebar{
padding-top:20px;
padding-bottom:20px;
-webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: content-box; /* Firefox, other Gecko */
box-sizing: content-box;
min-height: 1px;
z-index: 1;
}How can I specify the change to only target this area?
In reply to: logo right align ? – rochade ?!
the navigation is left-aligned now!
the logo is still on the left side – should be right-aligned…
i use a fixed header with fixed y-dimension:
#header_main .container, .main_menu ul:first-child > li > a {
height: 80px !important;
line-height: 80px !important;
}
html.fixed_header #main {
padding-top: 80px;
}
div .logo {
float: right;
position: absolute;
right: 0;
}
.main_menu {
left: 0;
}
In reply to: No preview
Hi Michael,
Do you mean when using the Advanced Layout Editor (drag and drop layout editor)? I’m not sure if that would be fixable or not just because of the way the save works on those items. Because they are saved separate from the visual editor data, I don’t know how wordpress treats it when previewing vs publishing.
I’ve tagged the topic for Kriesi however so that he can look further into it.
Regards,
Devin
Hi,
This was definately a rough one. I came up with the css that fixes Firefox , but it unfortunately breaks Chrome. So please do this.
Open up header.php and change line 13 that looks like
<html <?php language_attributes(); ?> class="<?php echo " html_$style ".$responsive." ".$headerS;?> ">to look like
<html <?php language_attributes(); ?> class="<?php echo avia_get_browser('class', true) ." html_$style ".$responsive." ".$headerS;?> ">Save that file, and now add the following CSS to Quick CSS or your /css/custom.css file
.firefox #top p a, .opera #top p a {
display:inline !important;
position:inherit !important;
}Please let us know if this one does the trick.
Thanks,
Nick
Hi Team,
We set up colors as much as we could under Theme Options -Styling and the article below has links, bold descriptions and <h2> text and its all the same color. They would like it to be different. Is it possible?
Here is a link to the page http://babyblueshelp.com/baby-blues
1.) LINKS: so under 1. and 2. the bold text that is in blue are also links (if you hoover it would be different color)
2.) BOLD: and the rest under 3., 4. thru 10. its also bold but does not have links yet it also shows the same color.
3.) <h2>: Text on top is also the same color.
How can we change it if possible.
thx
jasmine
In reply to: Gallery photo display sizes
Hi Antonio,
My guess is the autoplay on the video is causing the avia builder to run into issues. In general, its never a good idea to have videos auto play but when using the advanced editor, it attempts to run anything inside of it/display images to better help users making visual layouts (we’re looking at options for this).
Another thing to try would be to disable Jetpack and the Statcounter plugin and see if that helps. Jetpack, while feature packed is very invasive in what it effects through wordpress but perhaps one/both of them is having some conflicts with the video content or the builder in general.
I wasn’t able to reproduce any of the testimonial issues on my end however. Is it only in a specific browser or OS?
Regards,
Devin
In reply to: Footer Decoration Lines & Portfolio styling
Hi Andy
Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
#top .grid-entry .inner-entry {
background: #333;
box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2); /*border on portfolio items*/
}and
#top .grid-entry-title {
background-color: #333; /*bg of title for portfolio item*/
color: #fff; /*color of title text*/
}The footer issue is most likely not possible without quite a bit of tweaking. Since each footer section doesn’t actually touch the one next to it, you would need to re-do that grid section to allow a line to extend past the edge of the actual widget.
Regards,
Devin
In reply to: Backwards Compatibility (from Replete to Enflold)
Thanks Devin,
I’ve been working on this and wanted to stay in communication as its taking some time so would appreciate if you can keep this topic open while i work on this in case i have some more questions.
thx
jasmine
In reply to: Transparent content and header
I have the same question.
Ismael helped me with the incarnation theme and it worked (*post: https://kriesi.at/support/topic/transparent-header-1#post-109588 )
and i tried to use the same css with Enfold but its not working.
so would also appreciate help with the css for Enfold to make both header and body transparent.
thx
jasmine
Hi Team,
Not sure if it takes so long but its been over a day and i still cant view the video. This is Nick’s post its closed so cant post there https://kriesi.at/support/topic/how-to-create-a-full-background-image-under-blank-page#post-110911
* this is a screenshot i get http://demo.globalads24.com/wp-content/uploads/2013/05/Picture-61.png
* this is a live link http://vimeo.com/channels/aviathemes/66091327
thx
jasmine
In reply to: Upgrading with future iterations?
So you are saying that you will never ever make changes to functions.php og custom.css? If so it makes sences to drop Child Themes.
I am used to Child themes, but have never made one so I guess I am not one of them; “users who know what they’re doing will use a child theme anyway”.
I searched around and found this: https://kriesi.at/support/topic/child-theme-1
But testing gives me issues with the socket https://kriesi.at/support/topic/socket-540px so I got a bad feeling and am now uncertain if I dare go ahead and start building the site around this Child theme.
I guess Im saying that I would love to either now that functions.php and custom.css would never ever got modified or that you would provide a proper Child theme identical to the “mother theme”.
Thanks!
In reply to: Icon box woth secondary color
So your demo page has customizations you dont even know about? http://kriesi.at/themes/enfold/shortcodes/iconbox/?skin=Vine
Is avia-builder-el-5 the icon box with top icon?
Actually Kriesi just forgot to update the version number in style.css. If the change log (version.txt which lists all changes) mentions the new 1.4 version changes you have the right version. We also integrated an update notification script into Enfold – when we release a new version (i.e. 1.5) the theme will display a yellow notification message at the top of the admin screen.
In reply to: Small request
Hi taliwalt,
Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
#top .avia-team-member .team-social {
border: 7px solid rgba(0,0,0,0.1);
background: rgba(0, 0, 0, 0.7);
border-radius: 3px;
}I added in the other items that make up its general appearance so you have them as well. It uses rgba color to define the color and transparency so you can change it as needed.
Regards,
Devin
In reply to: Menu Font Changes
Hi,
For the menu you can use this
#top .main_menu .menu li > a {
display: block;
text-decoration: none;
padding: 0 13px;
font-weight: normal;
font-size: 12px;
font-weight: 600;
font-size: 13px;
font-family: Helvetica;
}For the submenu, try this.
#menu-sub-menu a {
font-size: 15px;
color: red;
}Regards,
Ismael
In reply to: Font size questions
Hi,
You can alter the fonts on the FullWidth EasySlider with these
.avia-caption-title {
font-size: 15px;
}
.avia-caption-content {
}You can use this for the menu.
#top .main_menu .menu li > a {
display: block;
text-decoration: none;
padding: 0 13px;
font-weight: normal;
font-size: 12px;
font-weight: 600;
font-size: 13px;
font-family: Helvetica;
}Regards,
Ismael
In reply to: Icon box woth secondary color
Hi,
You can target a specific iconbox. You can do that by adding the avia-builder selector.
#top .iconbox.avia-builder-el-5 {
background: rgba(110, 128, 128, 0.49) !important;
}Please try to inspect each of your iconboxes and look for the avia-builder selector. I think it is the only way you can specify a different color for each iconbox.
Regards,
Ismael
Topic: Menu Font Changes
Hi Guys,
Have a simple question for you all. I was wondering if you can tell me how to properly find and define the font characteristics for the the:
– Top Menu – and also with selected and hover
– Sub Menu – and also with selected and hover
I’m getting really confused on what to grab with firebug.
Sorry for the noob question, but thank you very much for your help!!!
– John
In reply to: Easy slider size. I don't get it…
Hi chryseis,
Posts don’t have the same capability as the pages with regard to the advanced layout editor. So you aren’t able to do the same complex layouts without using regular shortcodes at this point.
So, for example if you want a small easy slider you first add a layout shortcode and then add the easy slider shortcode with the smaller image option inside the smaller layout. Ex:
[av_three_fourth first]
Add 3/4 Content here
[/av_three_fourth]
[av_one_fourth]
[av_slideshow size='square' animation='slide' autoplay='true' interval='5']
[av_slide id='4846']
[av_slide id='4646']
[/av_slideshow]
[/av_one_fourth]In reply to: Menu Error on slider ( screenshot inside )
Hi andyhoodified,
I see the same issue though I don’t know how it might be fixable as it seems to be a rendering bug with chrome. I’ll tag Kriesi on the topic to see if he has any ideas.
As for email alerts, no I don’t think so though you can add the topic to your favorites (at the top of this page) and keep track of them that way.
Regards,
Devin
Topic: nav menu questions
I posted this earlier. The response had a closed topic and there was no way for me to respond.
I want to move the navigation menu down and keep the logo the same size. I was given this code:
.nav {
position: relative;
right: -20px;
top: 55px;
}
#top .logo, .logo a {
height: 90px;
width: 210px;
left: 8px;
top: -11px;
}
The only thing I was able to do was to change the size of the logo. I could not move the nav menu down.
Other questions:
How do I remove the search magnifying glass from the menu?
How do I change the text height, bold, etc?
How can I remove the current page from the menu?
Thank You
Viewing 30 results - 141,181 through 141,210 (of 141,505 total)
