Forum Replies Created
-
Posts
-
Hey!
You’ll need to add “,300” to the line i pointed in my first reply, then you’d need to equalize your first layer element (i noted that one was a p and another a span), finally simply use this code:
.ls-layer p{ font-weight: 300; }Change p for span if you decided to use span.
Cheers!
JosueHey wss310!
I don’t think that would be possible because the sidebar is within a fixed width container.
Best regards,
JosueHey Bryce!
Add this code to the Quick CSS:
.template-shop .sidebar.sidebar_right.three.alpha.units { float: left; width 220 !important; }Cheers!
JosueHey!
Try adding this CSS to the Quick CSS:
.ls-layer:nth-of-type(2) *{ font-weight: 800; }Result:
Best regards,
JosueHi!
I don’t think so, because it’s about the load of items rather than animation, you could try paginate your portfolio to reduce the number of items shown.
Cheers!
JosueHi seremot!
You can create a icon font from your icon (format should be .svg) here: http://fontello.com/
Then simply upload the generated font to Enfold using the Icon Font uploader introduced in 2.3:
Best regards,
JosueHey!
Add this code to the Quick CSS:
#footer .textwidget { background: white !important; }Cheers!
JosueHi deano1!
Have you tried adding the !important rule to the letter-spacing property too?
Can you post the link to your website please?
Cheers!
JosueHi!
That is happening because Open Sans 800 is not being included, do the following:
Open /enfold/framework/php/class-style-generator.php and look for line 194:
$this->extra_output .= '<link id="google_webfont_'.$this->webfont_count.'" rel="stylesheet" type="text/css" href="'.$prefix.'://fonts.googleapis.com/css?family='.str_replace(' ','+',$rule_split[0]).$font_weight.'" />';Replace it by this:
$this->extra_output .= '<link id="google_webfont_'.$this->webfont_count.'" rel="stylesheet" type="text/css" href="'.$prefix.'://fonts.googleapis.com/css?family='.str_replace(' ','+',$rule_split[0]).$font_weight.',800" />';Best regards,
JosueHey Jack!
Add this code to the Quick CSS:
.big-preview.single-big { padding: 0 !important; } .big-preview.single-big * { margin: 0 !important; }Cheers!
JosueHi!
Not a secret, the files that makes most of the custom behavior in this website are JS and CSS, which everyone (with some coding skill) can inspect in the source, the HTML logo is built in the avia_logo function (/framework/php/function-set-avia-frontend.php, line 416), you can replace the avia_logo function in the header.php (line 153) and put the logo as static HTML.
Regarding making the header smaller, this CSS will do it:
#header_main .container, .main_menu ul:first-child > li a { height: 44px !important; line-height: 44px !important; } .logo img { max-height: 44px !important; } #main { padding-top: 44px !important; }Best regards,
JosueMmm, i modified it a bit, take a look:
.iconlist_content li { background: url(https://i.imgur.com/20fVivn.png) no-repeat left 5px; padding-left: 15px !important; list-style: none !important; }
Regards,
JosueHey!
Add this code at the end of js/avia.js:
jQuery(".iconbox").each(function(){ var theLink = jQuery(this).find("a").attr("href"); jQuery(this).on("click", ".iconbox_icon", function(){ window.location.href = theLink; }); });Cheers!
JosueHi Magnus!
You’ll need to use an image as a bullet then, try this:
.iconlist_content li { background: url(https://i.imgur.com/20fVivn.png) no-repeat top left; padding-left: 20px !important; }Result:
Note that i’m using a test bullet uploaded to imgur, you may want to replace that by the final bullet.
Regards,
JosueHey Zach!
Altought Kriesi already made a statement about that, here’s a hint: this is the CSS that make that behavior:
/*position logo text*/ #top .subtext{float:left; position: relative;} #top .logo img{float:left;} .logo, .logo a{overflow: visible;} #top .logo-title{ transition: opacity 0.4s ease-out; -moz-transition: opacity 0.4s ease-out; -webkit-transition: opacity 0.4s ease-out; -o-transition: opacity 0.4s ease-out; font-size: 12px; color: #000; position: absolute; left:7px; top:-7px; opacity: 1; white-space: nowrap; } #top .logo-subtitle{ color: #aaa; top:7px; } #top .header-scrolled .logo-title{ opacity: 0; filter: alpha(opacity=0); }You’ll also need to alter the HTML of the logo:
<strong class="logo" style="max-width: 64px; width: auto;"><a href="http://kriesi.at"><img src="http://kriesi.at/wp-content/themes/kriesi/images/logo.png" alt="Support | Kriesi.at - Premium WordPress Themes" style="max-width: 64px; width: auto;"><span class="subtext"><strong class="logo-title">Kriesi.at</strong><strong class="logo-title logo-subtitle">Premium Themes</strong></span></a></strong>Regards,
Josue
