Hi!
Please review your website now. I just logged in and added !important value to top: 35px; and it started to work.
Best regards,
Yigit
Hi Yigit thanks, the social icons are correct now.
I would like the entire background of the top to be white.
And all the text and also the links of the menus on the toptoptopt menu on the right and phone number be grey.
Is that with the same code?
Apreciate your help a lot btw!
Hey!
Please review your website now. It does work fine when i move the code to top of Quick CSS section. I will take a look at all the codes you have in Quick CSS section and fix if there are any typo
Regards,
Yigit
Hey!
You can try adding following code to Quick CSS
.av-special-heading { margin-top: 10px!important; margin-bottom: 0!important; }
But special heading elements does not have such big padding or margin. It usually is from other elements. You can remove page ID to apply the code globally
Regards,
Yigit
Hi orsettopro!
Can you post the link to your website so we can take a look?
Regards,
Yigit
Hey orsettopro!
Please see Kriesi’s post here https://kriesi.at/support/topic/kriesi-logo/#post-161892
Best regards,
Yigit
Hi Indiatravelz!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
#top .ls-nav-prev::before, #top .ls-nav-next::before { color: red; }
Cheers!
Yigit
Hi Dan!
You shouldn’t ever modify the theme css files directly to make any changes. Instead, add your css to the Quick CSS field in the theme’s styling tab or the custom.css file in the css folder.
For this it would be something like:
#top .entry-content-wrapper h1 {
font-size: 18px;
}
And then the same for each. The #top id gives it higher priority and the .entry-content-wrapper keeps inside that class.
Regards,
Devin
Hey!
@rodarialtda It seems like you have already started a new topic with your question. So i am closing this one. Glad Ismael could help!
Best regards,
Yigit
Hey orsettopro!
You can switch to Default Editor and click on Magic Wand to see full list of shortcodes http://i.imgur.com/n4KXkdm.jpg
then you can create any of them and copy/paste shortcode into any other content element or into text widget.
Cheers!
Yigit
Hi thebrewhouse!
The last time I checked it when you add your own via the child theme you need to add all of the ones you want since the array is replaced (https://kriesi.at/support/topic/generate-new-image-sizes-in-child-theme/#post-129951).
Once you’ve done so it should no longer generate any others.
Best regards,
Devin
Hi, when I use the portfolio grid and choose to have multiple pages (doesn’t matter how many items per page) I always get a 404 error whenever I navigate the pages. I have searched this forum first and found this topic to be similar:
https://kriesi.at/support/topic/portfolio-pagination-question-help/
Unfortunately that topic is no solution for me. It seems it was solved with updating Enfold, but I’m using a much newer version than that (most recent verison) and I still have that problem.
Because that page is in high demand I couldn’t keep it that way so I also can’t show it to you. I now show all items in one page, but there are nearly 600 items, so the page chokes on it. It even refuses to show more than about 20%-30%.
Any ideas please?
Hey!
1) Yes, add this to your Quick CSS in the styling tab of the theme options and modify as needed:
#top.home #fullscreen_slider_0 .avia-caption-title {
font-size: 35px;
}
#top.home #fullscreen_slider_0 .avia-slideshow-button {
font-size: 15px;
}
#top.home #fullscreen_slider_0 .avia-caption-content {
font-size: 15px;
}
2) No, that isn’t doable without customization of the element or maybe some other very creative css/html combination.
3) In the theme files open js>avia.js and look for the avia_header_size function starting at around line 1288. Inside of it you can change the math from divide the size by 2 to a smaller number to decrease how much it shrinks:
if(st < el_height/2)
{
newH = el_height - st;
header.removeClass('header-scrolled');
}
else
{
newH = el_height/2;
header.addClass('header-scrolled');
}
4) You can use:
.social_header .phone-info span {
font-size: 14px;
}
and you will need to make the number a link in the field where you’ve added it to the theme options. Ex: <a href="tel:+15555551212">555-555-1212</a>
5) I think you mean this character | which is just above the enter key on most keyboards (shift+ that key).
If you have any other questions make a new topic and we’ll do our best to answer.
Regards,
Devin
Hello, i´ve inserted the fullscreenslider at the home site and added a picture with 1900 x 250 px.
But this is stretched to 1903 x 609 px.
In the fullscreenslider box i´ve choosen “No Scaling”.
Right now the heigth deoends on the window height.
If i shrink the window the height of the slider shrinks, too.
And the image got scaled.
How do i fix this?
And the image is a little bit moving while scrolling.
Can this be stoped, too?
To see here: polyscale.m3ms.de
Cheers,
Markus
-
This topic was modified 11 years, 11 months ago by
der_mueller.
Thanks for the response.
I tried the code below but there was no change.
#menu a{
color:#ffffff;
font-size:13px;
font-family: ‘Oswald’, arial, sans-serif;
text-decoration:none;
word-wrap:break-word;
}
#menu ul {
list-style-type:none;
}
#menu{
height:15px;
width:680px;
float:right;
}
#menu ul{
margin-left:0px;
padding:0px;
position:absolute;
line-height:50px;
z-index:500;
}
#menu ul a{
float:left;
display:block;
padding:5px 20px 5px 20px;
line-height:35px;
z-index:500;
margin-top:-5px;
}
#menu ul li{
float:left;
position:relative;
padding-bottom:0px;
z-index:20;
margin-left:20px;
margin-right:20px;
}
#menu ul ul{
display:none;
margin:0px 0px 0px 0px;
top:40px;
left:0px;
width:160px;
}
#menu ul ul a{
margin:0px;
line-height:22px;
}
#menu ul li li{
margin:0px;
width:160px;
}
#menu ul ul ul{
top:auto;
padding-top:10px;
padding-bottom:10px;
}
#menu ul li ul a{
float:left;
width:120px;
}
#menu ul li ul ul{
top:0px;
left:162px;
}
#menu ul li:hover ul ul, #menu ul li:hover ul ul ul, #menu ul li:hover ul ul ul ul { display:none; }
#menu ul li:hover ul, #menu ul li li:hover ul, #menu ul li li li:hover ul, #menu ul li li li li:hover ul { display:block; }
Hi,
I have been trying out different options in the different full width sliders.
Their responsive behaviour is very beautifull, but I noticed that they always serve the same size of image no matter what the screen size( tested using chrome firebug panel and by resizing the window on my desktop).
This means my image that has to look nice full screen on my desktop, is also loaded when I use my phone. Is there a way (setting/plugin/…) to make the sliders serve resized images? I have noticed that an uploaded image is saved in 16 different sizes in the uploads folder. How can I make the full width sliders use those different sizes?
Personally I prefer the layerslider, not only because it has more options, but also because I do not like the background color of the text in the other full width sliders. But with the layerslider the text scales down on smaller screen sizes, which it does not with the other sliders. Is there a way to have the text in the layerslider readable, on smaller screen sizes?
Thanks in advance,
Sara
thank you my dear…still one Problem….why is there no borderline in the top:(((
please help me…..then we can go online:)))
Hi,
I’d like to add the social icons in the header next to the menu with a separation vertical line. Exactly as in the header of this page.
Could you guide me through how to do it?
Many thanks,
OP
Hello,
I am having a strange problem using Global Gallery with Enfold “Tabs” shortcode.
So when using “tab titles on top” the gallery inside the tab displayed correctly.
When using “tab titles on left” the gallery seems to be cropped on the right. However when you resize the browser window and then maximize it again, it appears correctly.
Is there any way to fix this?
Thanks in advance.
PS: Using WP 3.8.1, Enfold, 2.4.5, Global Gallery2.14
Hey Sally!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.page-id-2464 .avia-slideshow { margin-top: 10px; }
.page-id-2464 .content { padding-top: 10px; }
Best regards,
Yigit
I fixed it. the image you posted was still not correct.
This is what it is supposed to look like.

Notice the “Todd Geist” that was the hidden anchor I was trying to expose. That link and the avatar image are links to the BBPress profile for the logged in user. Having smashed into the Logout button made no sense. This is what I was trying to achieve.
Here is the CSS I used to achieve it.
/* bbpress logout button */
#top .bbp_widget_login .bbp-logged-in .button {
position: relative ;
color: white ;
top : 0 ;
left : 0 ;
}
/*make the hidden h4 visible and center it */
#bbp_login_widget-3 > div > h4{
display: block;
padding-top : 12px;
}
/* fix the search button */
#bbp-search-form #bbp_search_submit {
padding: 14px 0px;
margin-top: 2px;
}
Todd
-
This reply was modified 11 years, 11 months ago by
toddgeist.
Hi erickeith9!
You can use this on Quick CSS or custom.css to modify the forms:
#top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select {
-webkit-appearance: none;
border: 1px solid #e1e1e1;
padding: 8px 6px;
outline: none;
font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #777;
margin: 0;
width: 210px;
max-width: 100%;
display: block;
margin-bottom: 20px;
background: #fff;
border-radius: 0px;
}
#top .avia_ajax_form .text_input, #top .avia_ajax_form .select, #top .avia_ajax_form .text_area {
width: 100%;
margin-bottom: 0;
display: inline;
min-width: 100px;
padding: 13px;
border-radius: 2px;
}
Please give us a link to the page with the gravity form plugin.
Regards,
Ismael
Hey!
Create another topic regarding that, also providing an Administrator account would help us debug it.
Regards,
Josue