-
Search Results
-
Hi,
How can I reduce font sizes for tablet and smart phone views?
Thank you!
Topic: Quick CSS does not repsond
I have added this code to enlarge the size of the phone number in my top bar.
.social_header .phone-info { font-size: 18px; }No Quick CSS is working though (tried many others which I know to work as I am using them on other Enfold powered sites).
Website in question and admin login details are in private content. Please help.
Topic: Font Overlapping Logo
Hi,
I’ve been using enfold for some time and love most of it. However, this issue keeps arising with every install I use. Sometimes code in the forums works and other times its doesn’t.
Seems like this is something that should be addressed in the theme files.
When you create a menu and a graphic logo the menu almost always will overlap the logo upon resizing the screen even with the settings being “activate for smart phones and tablets”
I tried scaling the text on smaller screens like this:
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
.avia-menu-text {
font-size: 70% !important;
}
}But it doesn’t work
Also tried this:
@media only screen and (max-width: 1024px) {
#mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
nav.main_menu { display: none; }}
#wrap_all {
position: relative !important;
}but doesn’t work.
The site is: http://commonlot.com/
You can see it here: http://www.screencast.com/t/gGYCgu5ghV
Please help.
Thank you
Hey there,
thanks to the well-documented issues, i know that the CSS for the single fields is following:
#top label {
font-weight: normal;
font-size: 15px;
}May you tell me which one is the css class to change font size of the formulas headline? :)
Furthermore, i was able to find out that a separate license for each page in a wordpress multi-site installation is necessary.
My question is, how do i handle all these different licenses on my webserver?
Do i have to upload a separate enfold-theme folder for each purchase and connect it with different API Keys?I’m looking forward to hear from you!
Thank you so much in advance,
TimmHi, I have several issues and questions about the theme:
1. Extra gap around mansard grid
For the masonry grid, when I set no gap, the image grid still has a very thin white gap on the right as shown in the screenshot. When I set 1 pixel gap, the right gap still looks larger then the left gap. Is there a way to solve it.

2. Define custom masonry gap between elements
Is there a way to define custom gap between elements besides current options of no gap, 1 and large.3. Lightbox window size
For lightbox window size and background image opacity. I used following css to increase window size to 1280 and bg black opacity to 0.9 showing less original content..mfp-iframe-holder .mfp-content {
max-width: 1280px;
position:center;
top:30px;
}.mfp-zoom-in.mfp-ready.mfp-bg, .mfp-zoom-in.mfp-ready .mfp-preloader {
opacity: 0.9 !important;
background: black !important;
}This works on fullwidth slide element, when I click an image/video link. But when I use masonry gallery, it seems the Lightbox window and bg opacity still use the default setting. The window is smaller then 1280 pixel. My uploaded image is 1920×1080.

Could you list the reference for all the essential lightbox CSS formats, so that I could customise lightbox frame’s size, position, and icons.
4. Masonry overlay
I would like to customise the masonry grid’s overlay frame, such as size, position, colour, opacity, font size, font colour, font opacity…
Also I wonder if I could replace with my own overlay design instead of a simple rectangular frame. And, how to set a different parameters for mobile. I currently use these css to change overlay opacity on the mobile. But I also need to change its position and size(height) as well as the font colour. Since the default black colour won’t be readable on a transparent overly frame. I’d like to set a black overlay frame with white title.5. Hide lightbox arrow icon on mobile
Since the lightbox effect on mobile makes the popup image a very limited space, I don’t want to show the arrow icon and title text which severely distract the image.

Also on mobile, is there a way to make image full screen when I click an image link or a link in the masonry grid. Since the limited space on mobile is not ideal for lightbox effect. It’s better if the user could simply view image in full screen and be able to zoom and pan freely.6. Text color
After I set primary font colour to a certain colour, everytime when I set a word to bold in the Text Block, it automatically switches to that colour. Can I make its colour not bond to the primary colour settings. Since I just simply want to set a black bold text when the main paragraph font colour is black.7. Re-order masonry categories items, not the image grid, but the names of the categories.
I’d like to customize the order of the category items not the grid images. Please see attached.

If this could not be achieved. Can I hide the categories on Mobile which takes a lot of space, or can I decrease the font size of the category items on mobile.

8. Different font size on mobile
How can I set different font size on mobile, including main paragraph size, overlay font size.9. Customized overlay shape
When using a fullwidth slide, it shows a default overlay icon when I hover on the image link. Is there a way to replace it with my own design (jpg, or animated gif)10. Automatically link to different url based on ip address
I wonder if there is an ip detect plugin compatible with Enfold that determines user’s ip address and automatically link to different url. Since in China, vimeo and youtube are blocked, I’d like to create one link, while have users in China access automatically towards Chinese video site and users in other countries still access links to vimeo.Hi,
I need help with a couple of things on this page (in private content)
1. I need to reduce the height of the grey band with green text just above the slider on this page, I can affect the top padding of the band ok and I think that in order to reduce the bottom of the band in line with the top I need to affect the top margin of the slider itself but I can’t seem to be able to make it work.
2. I also need to reduce the size of the text just above the slider in this same box on mobiles so that the whole grey box with green text takes up less space on mobiles. I know I need a media query to do this and I’ve tried but I can’t get iot quite right.
Can you help please?
Thanks in advanceI want to change the font and size of the titles only blog, see the picture you sent, this very large.
Thank you very much!Morning,
I’ve used this code to tweak the portfolio grid and all is good.
.image-overlay { display: none !important; } .grid-image:before { content: attr(title); background: red; position: absolute; width: 100%; height: 100%; z-index: 1000; text-align: center; line-height: 180px; opacity: 0; font-weight: bold; font-size: 24px; } .grid-image:hover:before { opacity: 1; } .grid-image:before{ transition: all linear 0.2s; }Is it possible to also display the portfolio excerpt?
I tried content: attr(excerpt); but that didn’t work
Thanks
TJ
I think that in the product price displayed is too small in page product
How to change that without changing the main page where all the product are displayed?
