Hi Peter
Sorted MOBILE, added div
@media only screen and (max-width: 768px) {
div .logo img {
position: relative;
height: 100px;
}
}
Peter
Last thing. Work great on desktops.
1) IPAD: Is there a custom css that will work on ipad, landscape
2) MOBILE: Is it there a custom css that will change the logo from “Fixed” so it scrolls up with page on mobile.
Im going to try myself, thought id ask as it may take me a few hours of trial & error.
Thanks again.
Rich
Thanks soo much Peter. Your star.
Works perfectly.
I can go ahead and use this theme now.
Rich
You can remove the wpautop filter from the textblock elements. Open up wp-contentthemesenfoldconfig-templatebuilderavia-shortcodestextblock.php and replace
return "<div class='avia_textblock {$custom_class}'>".ShortcodeHelper::avia_apply_autop(ShortcodeHelper::avia_remove_autop($content) )."</div>";
with
return "<div class='avia_textblock {$custom_class}'>".ShortcodeHelper::avia_remove_autop($content,true)."</div>";
and
$params['innerHtml'] = "<div class='avia_textblock avia_textblock_style' data-update_with='content'>".stripslashes(wpautop(trim(html_entity_decode( $params['content']) )))."</div>";
with
$params['innerHtml'] = "<div class='avia_textblock avia_textblock_style' data-update_with='content'>".stripslashes(trim(html_entity_decode( $params['content']) ))."</div>";
Then wp shouldn’t convert any line breaks to paragraphs, etc. anymore.
could you update on this? how can I replace the static text “home” with actual home page title?
I use the html mode to delete the line breaks. But I have to do this every time I update a text because the line breaks are filled in automatically on opening. If I open the text box three times, there are three line breaks added on several places. It get’s worse with lists, because there are line breaks and ul added between every line.
Isn’t there a way to just stop these auto line breaks? I tried “PS Disable Auto Formatting” plugin, but doesn’t help here (though helpful in other cases).
Hey!
A curly bracket seems to be missing – try
div .logo img {
position: fixed;
}
.header-scrolled div .logo,
.header-scrolled div .logo img {
height: 100px;
}
@media only screen and (max-width: 768px) {
.logo img {
position: relative;
}
}
Regards,
Peter
How do I make the full size image larger in prettyphoto.
option – Choose image size for the Big Preview Image
I used to be able to have the image with a zoom option in the lightbox (prettyphoto) in the top right-hand corner. It is still there if I make the browser window smaller but the max size for the standard image display is a little small for me. Its 1030 px. Can I make it 1210 the full gallery width?
Does that make sense lol ?
Okay, this is a weird one. I’m going to dig a bit and see about a workaround, but here’s what I’ve got so far:
My main page of my site is a page called ‘Home’. It has a special header for the quote you see at the top of the page, and then the blog posts module (using the advanced layout editor). You can see it here: http://www.secondshifters.com
If I try to click any of the pagination links at the bottom, they redirect me right back to the main page and take away everything after the domain in the link. For example, the link for page 2 is http://www.secondshifters.com/page/2 according to a little right click magic, but if I click the page 2 button or manually go to that URL, I get redirected right back to http://www.secondshifters.com without the /page/2 part.
However, if I manually go to http://www.secondshifters.com/home/page/2 it works like it should. Also, if I manually go to http://www.secondshifters.com/?page=2 that works as well. I’ve re-saved my permalink settings and tried switching them around a bit, but nothing makes the problem go away so that http://www.secondshifters.com/page/2 will work properly.
Does it work fpor xou now? What did you change?
I still have the problem.
Please change the topic status to “not resolved”.
Hi Peter
I was so pleased / relived you replied & eager to try your code out.
Sadly, it still just doesnt want to scale.
Below is my custom css code.
Do you think its possible via CSS?
Happy to pay you, if its taking too much time.
As always, really appreciate this excellent support.
Rich
/* Pages */
.page-id-5 .title_container {
display: none;
}
.logo img {
position: fixed;
}
@media only screen and (max-width: 768px) {
.logo img {
position: relative;
}
.header-scrolled div .logo,
.header-scrolled div .logo img {
height: 100px;
}
ok.. if you have a 800×800 picture.. insert as a 2 column gallery.. if you choose any size less than half of the width of the column.. so say 450px x 450px – the captions appear underneath.. if you choose 300px x 300px the captions appear on the right of the thumbnail.
so 1. How to stop this and 2. how to center align the captions under the pic *not left justified..
Thanks again I know how busy you are and appreciate the assistance
Hey!
Please try to remove the width attribute and just change the height
.header-scrolled div .logo,
.header-scrolled div .logo img {
height: 100px;
}
Regards,
Peter
Hey!
You can try following css code mod. It will add a margin (instead of a padding) to the slideout menu and the default logo should be visible at the top. Insert it into the quick css field
#mobile-advanced {
margin: 81px 0 0;
padding: 0;
}
.show_mobile_menu #advanced_menu_toggle{
display: none !important
}
Regards,
Peter
Morning Ismael
Any further thoughts on how to get the logo to resize?
Im soo close.
Really hope you can help.
After this i think i can do all the rest myself.
Rich
Unfortunately this is not easily possible with the fixed header (sticks at the top and re-sizes/scales when the user scrolls down). You can try to use the standard header (which is not fixed) or you can re-size the logo to 250px width and use the fixed header. The necessary css code would be
.logo img {
width: 250px;
}
Hi!
Yes it should work. You can also try a social bookmarks plugin ( https://kriesi.at/support/topic/looking-for-recommendation-on-swyn-plugin )
Regards,
Peter
Hi danielsami,
Do you mean when the menu switches to the responsive menu?
I believe that is the intended behavior for mobile in that the mobile menu only shows the top+1 down to prevent overly complex menus.
Regards,
Devin
Hi,
This code will remove the captions that appear on the sides
#top .visible-caption {
display: none;
}
You also need to create some rules about types of images that get uploaded. For example , never upload images that are less than 300px wide. So even if they are portraits, they need to be at least 300px wide and if bigger, they should get resized lower by the theme. You can change the setting using http://wordpress.org/plugins/simple-image-sizes/ this plugin in Settings > Media. Set width at 300px , no crop and set height at 9999. And as long as you upload image 300px and wider, you will be ok.
Thanks,
Nick
Hi,
The code works fine. I just tested it on your site as I have before giving to you. The problem is that the code I gave you is not found on your website, thus the buttons remain where they are as opposed to being no longer there once the code I provided is actually inserted into either Quick CSS or /css/custom.css . Here is the copy of it this time ran with a spelling checker, lol
#top .ls-nav-prev, #top .ls-nav-next {
display:none !important;
visibility:none !important;
}
.ls-bottom-nav-wrapper {
display: none;
}
Tested here: http://www.col323webdesign.com/projekt61/
and tested here
http://www.aarhustolkeservice.dk/
Browser: Google Chrome
Please leave the code in so we can see it.
Thanks,
Nick
Hi jjranson,
No, unfortunately not. The title container is generated dynamically so you would need to create a custom page template just for that page.
What you could do is don’t show the title for that page and instead use the layout editor to add a title+button for that top of the page.
Regards,
Devin
Hi,
How can I turn off the mobile optimized view of the Enfold theme? So the site visitors can view it exactly how it looks on desktop browsers?
Regards,
Hi Javier,
Please see this post: https://kriesi.at/support/topic/wordpress-36-update-wait-for-theme-updates
The theme has not been update to work with WordPress 3.6 and in order to return to compatibility you should downgrade back to 3.5.2
Regards,
Devin
Thanks for the response guys. I tried the Stop Spammers plugin, but it can only block targeted email domains that try and register on the site. What I need is to block targeted domains from having the ability to submit their information in a form, so that the form rejects submissions from those targeted domains.
When I say form I mean like a ‘Request More Information’ form, we are having problems with fake submissions.
They did a great deal of digging, but still haven’t quite found the cause.
Currently waiting on an update of Enfold compatible with WP 3.6 – I suspect upgrading WP versions may help.
Hi Devin thanks for your answer and directions. I know exactly what i have modified in the css files directly, so is easy to put it back in the original way or even safer replace with the original file and go back as i never touched anything.
I tryed your instructions and works fine on desktop, not tested yet on mobile devices. Thanks.
Now, i want to keep tidy the code of the site so i wil preciate if you can tell me if its good to replace the theme css with the original file, and apply this modifications via Quick CSS? If the answer is “yes” exactly what i should i put in the Quick Css, besides the last piece of code you gave me.
Thanks for your support, i never in the future going to duplicate trheads, and also never touching again directly the theme css files.
Waiting for your feedback
best regards
Salvador
@ Lol5tar – https://kriesi.at/support/topic/wordpress-36-update-wait-for-theme-updates#post-128926
This worked for me, lets just hope no other bugs pop up on my site..!
Thanks!
It seems that brute modification of layout.css makes the page title and breadcrumb section disappear:
#top .title_container .container{
padding:10px 0;
min-height: 56px;
display: none;
}
Probably with this the whole thing disappears site-wide.
Hi,
That main image on your homepage, you can compress it a lot more without losing quality. Please try this http://jpeg-optimizer.com/ at 65 compression, and turn off size change. Its quite good.
This css will do the trick, its targeted only for the home page
#top.home .avia_image.avia-align-center {
width: 270px;
}
`
Thanks,
Nick