-
Search Results
-
Hello, Can you provide me with some Quick CSS that will allow me to add an image to the background of the small top menu above the Logo area in Enfold. I’m able to add a background color, but now I would like to add a custom patterned background JPG.
Thanks for your help. – GaryIn reply to: Captcha Text Overlap
Hi webprodigy!
Please try the following
#top .avia_ajax_form .captcha { padding-left: 100px; }
let us know if we can do anything else
Best regards,
BasilisIn reply to: Transparent header on mobile
Hi Asger!
Please take a look at the following code and let us know if it works for you
@media only screen and (max-width: 767px) { #top #wrap_all .av_header_transparency, .av_header_transparency #advanced_menu_toggle { background: transparent!important; position: absolute!important; }}Cheers!
BasilisFor our main menu, I would like to find a way to format the border of just one menu item. I did select for the item to have a border, but when I do so it essentially just has a gray background. All in all, I would like for our ‘Join E-Club’ menu item to have a border color of #2fad3e without this border being applied to other menu items.
Is there a way I can do this within the Enfold theme?
Also, off on a bit of a tangent but is there a way to make sure that the current logo above the menu, which looks good on desktop, can be manually resized on mobile devices?
Thanks in advance!
Hello, I would like your help. I’m trying to disable link in a button but for a specific page.
From the topcs i found out : .avia-button.avia-size-small { pointer-events: none; }
(Quick CSS in Enfold theme options under Styling tab) and worked but affects all pages.I also found in topics : .page-id-674 .post-entry a{text-decoration:none;}
(Quick CSS or custom.css)How i combine both in order to disable link in a specific page for example “events”. Do i need to know a id for the page or just the name of the page.
Thank you
In reply to: Language switcher
Hi
that does not work. I tried a few variations eg…
.menu-item-language a {
height: 38px !important;
top: 0px !important;
position: relative;
border: 1px solid;
}I tried other margin setting etc and the border just does not sit around the text link IN THE RIGHT PLACE. If the default WPML is as per my original screenshot why is not possible to just get round whatever Enfold is doing to make it not look right?
thanks
Hello. I am using the following CSS to set the background color for the contact form fields on a website:
/*change color of contact form fields*/ #top .socket_color input[type="text"], #top .socket_color textarea{ border-color: #0a2f4f; background-color: white; color: #d18f2f; }On desktop, all the fields are the same color. However, on mobile, the email field is blue, while the rest are white. How can I get the email field on mobile to be the same color as the rest of the fields?
In reply to: Darken Transparent Header
Appreciate the help but I found an answer online at youtube.com/watch?v=uZv5uLUfyas
#top .av_header_transparency {
background: rgba(0, 0, 0, 0.6);
}That code does the trick…allows me to darken the transparent header (or change the color if I want) but doesn’t affect the mobile header color.
Topic: top menu in mobile
Hello, my top menu (with telephone) when I see it in mobile version iit has white backgroung and white font color, so I cna not read the content there. How can I modifgy it? the web site is http://clinicadentalaquitania.es/nuevaweb/
In reply to: Search results page background color
Hey Guys,
I was wondering if it is possible to have 3 colums on the same row on mobile landscape just like how it is on desktop version. I have a portfolio to show and i want them next to eachother on mobile landscape. Now i have this code.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
margin: 0;
margin-bottom: 20px;
width: 33.3%;
}Wich works fine for me but i want this only for the homepage and not the other pages. Is that possible? When i add the page id before the code it doesnt work.
Need to display one version of a full-width easy slider for desktop which is hidden on mobile and a mobile full-width slider which is hidden on desktops.
Would adding the following CSS do the trick?
#full_slider_2{ display: none; }
@media only screen and (max-width: 479px) {
#full_slider_2 { display: block !important; }
}
@media only screen and (max-width: 767px) {
#full_slider_1 { display: none; }}Please let me know!
CheersTopic: Column bottom line error
Hello,
I have created columns for my page, and duplicated exact same columns but only the one on the right end has white bottom line.
Which I don’t understand why only right column gets white bottom line when I duplicated identical columns.
It is same all over other pages too.Here is screenshot link
http://www.ledkingdom.com/screenshot_error01.jpgAlso, here is the actual page link
and I created another inquiry and has not heard back from you for two days, here is link to that post.
Thank you!
In reply to: menu horizontal
Hi!
Please add following code to Quick CSS as well
#top .av-main-nav ul ul { left: 269px; }Cheers!
YigitHey!
Please add following code to Quick CSS as well
#top .av-subnav-menu li:hover .avia-menu-fx { opacity: 1; visibility: visible; }Regards,
YigitIn reply to: Special heading line weight
Hey arcray!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.special-heading-inner-border { border-top-width: 3px; }Best regards,
YigitIn reply to: How to style Profile pic in blog posts
Hi!
Please add following code to Quick CSS as well
.blog-meta .rounded-container { width: 60px; top: 20px; } .blog-meta * { background: transparent!important; }Best regards,
YigitIn reply to: Problem with external Links
Hi Günter!
Please refer to my post here – https://kriesi.at/support/topic/how-to-disable-modal-lightbox-only-on-one-page/#post-623864
Instead of targetting your element by page ID, you can turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and give your element a custom class and replace page ID with your custom class
Best regards,
YigitIn reply to: how to style Profile pics in posts
Hi morthe!
I replied to your thread here – https://kriesi.at/support/topic/how-to-style-profile-pic-in-blog-posts/.
Please do not create duplicated posts as it is making it harder for us and for other users to follow :)Cheers!
YigitIn reply to: How to style Profile pic in blog posts
Hey morthe!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top .fullsize .template-blog .blog-meta { float: left; }Cheers!
YigitIn reply to: Tabs not legible in mobile
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 767px) { .responsive #top .main_color .active_tab_content { background-color: #005481; } .responsive .tabcontainer .tab_content, .responsive .tabcontainer .tab { background: white; } }Best regards,
YigitTopic: Fonts misbehave (again)
HI
A problem that seemed to be solved is now active againYou can see the H1 – text becoming thin halfway down the page
can you help me?
Best rrgardsIn reply to: Add Thumbnails to Mega Menu
Hi Rob!
I think it looks pretty cool! :)
Please try adding following code to Quick CSSul#avia-menu .mega_menu_title a { text-align: center!important; }That should center them on desktop menu and leave them as is on mobile menu
Best regards,
Yigithey there,
how can I get the transparent overlay I have here to be all the way to the top/bottom of the cell?
Scroll to, or clock on INFORMATION.
The row is set with a huge padding.
And the right cell has padding.
ThanksIn reply to: Adjust table row height
I ended up adding all of this code and it worked how I wanted it to – I found that I had to refresh and purge the caches several times for it all to reflect correctly though – refer http://excedocontracting.com.au/portfolio-item/yagan-square/
#top .avia-table, #top .avia-table td, #top .avia-table th, #top .avia-table tr {
background: #ffffff !important;
}#top .avia-table td, #top .avia-table tr, #top .avia-table th, #top .avia-table tr th:first-child, #top .avia-table tr td:first-child {
border-color: #000000;
}#top .avia-table td, #top .avia-table tr, #top .avia-table th, #top .avia-table tr th:first-child, #top .avia-table tr td:first-child {
border-left: none !important;
border-right: none !important;
}.pricing-table li {
min-height: 30px;
}Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top .av-submenu-container .avia-menu-fx { display: block; }Cheers!
YigitTopic: 1/3 colums as one on mobile
Hi!
I have a problem with the column alignment on mobile devices. I have three 1/3 columns next to each other which should be displayed beneath each other on mobile – which they don’t. Instead the three icons which are in the columns are deferred into each other…
I searched in the forum and found the following code but it doesn’t work for me… Any suggestions?@media only screen and (max-width: 767px) { .responsive #top #wrap_all .flex_column { margin: 0px !important; margin-bottom: 20px !important; width: 100% !important; } }Thanks,
PaulI just created a blog for some students, using the Enfold theme, and now I want the theme to show the authors profile pic, next to the title or author name.
I’ve inserted the profile pic, but I can only get the theme to show the profile pic on top of the post, centered.
How and where do I style it, so it appears as a small icon next to the title.This is how it looks now: http://www.svnp.dk/job-uddannelse/
On the bottom of the webpage you can see a picture of how i want it to lookI just created a blog for some students, and I now want the theme to show the authors profile pics, next to the title or author name.
I’ve inserted the profile pic, but i can only get the theme to show the profile pic on top of the post, centered.
How do and where do I style it, so it appears as a small icon next to the title.This is how it looks now: http://www.svnp.dk/job-uddannelse/
On the bottom of the webpage you can see a picture of how i want it to look
Viewing 30 results - 89,431 through 89,460 (of 142,844 total)
