Hi!
1) To fix the logo issue insert following code into the quick css field:
.logo img {
height: 55px\9;
width: 300px\9;
}
2) Yes, unfortunately IE8 does not support stretched background images because it doesn’t support css3 code. Only newer IE versions (IE9,10,11) support them.
Regards,
Peter
The AJAX portfolio images. They still open a lightbox, or try to, on mobile. Take a look at http:..mcalpin.net on the iPhone for instance… and choose one of the portfolio pieces. If you choose the Mesaging/Branding post, you’ll see that tapping on any of these photos brings up a lightbox. It shouldn’t. Also… although the arrows for the slideshow are gone… the little dots are still there. Can er get rid of those also?
Thanks Yigit!
Hey!
I think my fix works. I used the code someone posted here: http://en.forums.wordpress.com/topic/vertically-stretched-images-in-ie and adjusted it a bit
.avia-content-slider .slide-image img {
max-width: 100%;
width: auto;
}
At least IETester seems to display the images properly now. I’ll tag this thread for Kriesi and ask him to include the code with the next update.
Cheers!
Peter
Hey!
Please use this on your custom.css or Quick CSS:
@media only screen and (min-width: 769px) and (max-width: 1250px) {
.logo img {
width: 180px !important;
margin-top: 10px;
}
.main_menu ul:first-child > li > a {
font-weight: 600;
font-size: 11px;
}
}
Cheers!
Ismael
Hey seelyjen!
You can add this on your custom.css or Quick CSS:
#top .fullsize .template-blog .post .entry-content > * {
text-align: left;
}
You can use this to modify the meta info:
.post-meta-infos {
font-size: 10px;
}
Regards,
Ismael
Hi!
Please use the Non-Fixed Header then add this on your custom.css or Quick CSS to make it fixed.
#header {
position: fixed;
}
You can move the nav down using this:
.main_menu {
top: 20px;
}
Regards,
Ismael
Hi,
I am using the plugin simple share button that’s been suggested in several threads by the support staff; (like https://kriesi.at/support/topic/plugin-compatibility-for-sharing/)… and I love it.
However. When I put the widget into the footer, the text in the socket disappears unless the socket text (entered in the enfold options) is additionally wrapped in some kind of html, like <div> or . <span> unfortunately does not work. When using <div>, the alignment gets out of hand…
I am currently using some custom css and weird hacks to make it look ok, but I wonder what the issue is. Any ideas?
It happens both at the server and in local development environments (serverpress, xampp).
Best,
~CB.
Hi there I would like to introduce some of my products as layers in the frontpage slider. Similar to the demo page where the images of computers, smart phones etc drop in on top of the background image. My question is what format would I need the images in so that they are not simply pictures dropping on top of each other, They would almost need to be icons or transparent PNG files to get the same effect. Hopefully it make sense what I am trying to do. Any help is greatly appreciated.
Hi Khoa!
The browser/image compression you are seeing is just from using images that are then constrained by the css containers. There is no way around that with a responsive theme.
For the slider, a full width slider with no sidebar is going to be whatever the width of the current window. So going up to something more like 1920 width would at least give the image full resolution on most large screens. The clipping is just a result of the image stretching to match the full width container which will cause the edges of the top/bottom to get hidden depending on the exact size of the browser.
Best regards,
Devin
Hi!
Add this too:
.toggler{
font-weight: bold;
font-size: 18px !important;
}
.toggle_icon{
top: 15px !important;
}
Cheers!
Josue
Hey!
Ok, create that box (with the Layout Builder), just with the content you’d like, then reply to this topic to see if i can help you out with the styling.
Cheers!
Josue
Hey!
Ok, create that box (with the Layout Builder), just with the content you’d like, then reply to this topic to see if i can help you out with the styling.
Cheers!
Josue
Hi!
How do I create a new page to ONLY display one category of Posts? The category is called “Articles” and the category ID is 507.
I tried this but didn’t get very far. These are the steps I took:
1. Copied the Page Template (page.php) and called it articles.php
2. Added this line to the top of the file <?php /* Template Name: Article Page */ ?>
3. Added this code to the middle of the file to display only posts with category ID 507:
<?php
query_posts(‘cat=507’);
while (have_posts()) : the_post();
the_content();
endwhile;
?>
3. Created a new page called “Articles” and selected the template called “Article Page”
The problem is, the Articles page is not formatted like the Blog page (missing the title of the post with URL, date published, author, blog sidebar (even though I selected it in the Articles Page to show), etc…
Here is our blog page: http://bit.ly/HFDMyk
Here is our articles page: http://bit.ly/HLsmts
Thanks in advance for your time and help!
Hallo
Wir erhalten konstant Fehlermeldungen von monitor.us (meist über 10 pro Tag):
PROBLEM-Warnung
Dienst: HTTP
URL: http://finca-seguro.com
Name: finca-seguro.com_http
Tag-Code: Standard
Datum/Uhrzeit: 11-8-2013 19:04:52 (GMT + 2)
Zusätzliche Informationen: Failed to receive HTTP response. IP 205.186.187.156. Resource temporarily unavailable
Fehler von: EU, US
Wenn Ihr PageSpeed Insights anschaut sieht man die Fehler ebenfalls:
http://developers.google.com/speed/pagespeed/insights/?url=finca-seguro.com&tab=desktop
Könnt Ihr uns bitte weiterhelfen?
Danke und Grüsse
Doris
Hi,
I noticed this thread: https://kriesi.at/support/topic/portfolio-items-with-own-permalink/ which nearly answers my question: is it possible to replace the slug with a variable like category.
So suppose I have two categories: clients and products for different portfolio entries, can I have:
website.com/clients/client-1
website.com/clients/client-2
website.com/products/product-1
website.com/products/product-2
Thanks in advance
Hi there,
On my homepage slider, I set Slider width 100% and height 470. My image size is 1030×360 per the Documentation for a full width slider with no sidebar. The problem is when the Browser window is stretched all the way from left to right to fill up the monitor space, I noticed the image of the slider moves up which causes the top of the image to be cut off under the header bar. Anyway to fix this?
Also, other than adding: add_filter(‘jpeg_quality’, function($arg){return 100;}); to the function.php, is there any other way to ensure that WP doesn’t compress the images I’m uploading for the Gallery or Home Slider? Seems like this template still compresses my photos, especially in the Gallery when it’s smaller, looks a bit blurry, but clear when viewed in Lightbox. Please advise. Thanks again.
Please view my draft site at:
http://www.khoafolio.com/katya
Hi there,
Many thanks for all the help, appreciate it.
Cool, I changed first CSS to
#top .social_bookmarks {
float: right;
top: 72px;
position: relative;
}
Now working great, thanks
:-)
Hi there,
This is not working as you have described in #186228
I have in Enfold Settings.-> Set Pages to have right side bar
In Widgets -> removed all widgets from display everywhere, and added widgets to SideBar Pages
On Home Page -> under page settings set No Side Bar. (http://imgur.com/3JzLnP1)
But I still have the side Bar on my home page.
Hello,
I am trying to set my LOGO to a specific size, and keep it the exact same size when using the sticky header as well. At the moment it currently re-sizes my logo to a smaller size which I do not want. I’m assuming this is CSS coding, but I can’t figure out what to change at the moment to fix this issue.
I am also wanting to move my NAV to appear lined up with the bottom of my LOGO, I have solved how to do this in the regular menu using “padding-top: 20px”. however when this is implemented the sticky header becomes broken, it incorporates the “padding-top:20px” which causes the actual nav to appear below my nav image. I am unsure how to fix this.
Summary –
– Keep LOGO the same size on both the regular header and the sticky header
– Move the nav down without effecting the sticky header nav positioning.
I’m assuming this is all CSS editing, however I cannot figure out what exactly to edit without effecting something else in a negative manner.
Hey!
Please add following code to Quick CSS as well
.header-scrolled .social_bookmarks { top: 44px!important; }
This should do it.
Regards,
Yigit
-
This reply was modified 12 years, 5 months ago by
Yigit.
Hey markw1!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.fixed_header.social_header #main { padding-top: 117px; }
Regards,
Yigit
Hey!
1) Please refer to this post to change the width to switch to mobile menu https://kriesi.at/support/topic/collapsable-menu/#post-165144
2) Please add following code to Quick CSS in Enfold theme options under Styling tab
@media only screen and (max-width: 480px; ) { .responsive .mobile_slide_out .logo {
float: left; margin-left: -18px; }}
Regards,
Yigit
Hi
thanks again for the quick response, really impressive :-)
1) ok, will look at creating child image, may be easier to have this as a parameter in the theme in future, if that is possible ?
3) ok, have now hidden the top bar thanks.
To elaborate on my other issue.
When I first hit the site (using latest Firefox on Mac Mavericks) , the social links appear, just below the Home and Search Icon.
Now as I scroll down the page, the top logo bar shrinks, and the Home and Search Icon move up
BUT the social icons now fall off the bottom of this now small top bar.
Hope that now makes sense.
R
Mark
Hi!
1) You can create a child theme. See Devin’s video tutorial here http://vimeo.com/channels/aviathemes/67221517
3) Please add following code to Quick CSS as well
#header_meta { margin-top: -30px; }
Not sure what you meant in the second part. Can you elaborate?
Cheers!
Yigit
Hi Ismael,
thanks for quick reply appreciate it.
1) I would rather not have to edit index.php as then I will have to remember this each update.
How else can I change the blog title ?
2) remove header, excellent thanks
3) I have added to Quick CSS, but
i) I still have bar at top
ii) when I scroll up the social links fall off the bottom of the logo bar
4) perfect, thanks
Regards
Mark
Hey ediblecities!
You can find recommended plugins here https://kriesi.at/support/topic/recommended-plugins-last-update-04-09-2013/
I have seen some users using ShareThis and Digg Digg as well
Regards,
Yigit
Cool, that worked :-) now the menu floats on top of the right border
Hi!
Please try deactivating all active plugins and check if issue remains.
Best regards,
Yigit
Hi!
Please adjust the value of left: 30%; in Ismael’s code. You should decrease it to center it perfectly.
As for your message to Kriesi, you can post your request as a feature request here https://kriesi.at/support/topic/enfold-feature-requests/
or you can contact Kriesi directly using the contact form on contact page
Best regards,
Yigit