1+2 ) Easy Slider/ Photo/ Text Block within Color Section:
I am trying to place an easy slider within a color section and have it fill the height to 100% yet be in a 1/3 column layout area and text next to it in 2/3 column. there is a fixed border around the easy-slider which I cannot get rid of – any code?
– this is the css I defined the color section area with:
#workshopscolorsection {
height: 360px!important;
}
.avia-slideshow-inner {
padding: 0px; margin: 0px, 0px, 0px, 0px;
}
– Alternative is to have a photograph within the color section but when I try that the content (in a text block) rides over the photograph.
– Another alternative is to have a photograph within a text block but the photograph will not flush to the top of the color section – and when we go to mobile mode the text in the color section rides over the text in text blocks placed below the color section – the same happens with any text block within the color section.
– In mobile mode the entire page is a mess.
Any solution to what I am trying to do? HOPE THIS IS CLEAR
5 ) HEADINGS:
I have resized all the headers. How to reduce line-height between headings and other heading? Or is the line-height automatically considering the 150% I programmed in. Also the line-height in mobile mode does not reduce proportionally.
4 ) HEADER:
This is some code you gave someone else to keep the logo in the header full-size when scrolling
#header_main .container,.main_menu ul:first-child > li > a, .logo img, .logo a {
height: 115px !important;
line-height: 115px !important;
max-height: none !important;
}
problem I am having is that in scroll modus there is no padding under the logo – code?
sometimes the logo squishes together to be very thin.
5 ) CSS to alter SIDE MENU font, colour?
Thanks!
I have tried to be as clear as possible hope it is!
This reply has been marked as private.
Hi,
I have seen this post: https://kriesi.at/support/topic/change-product-hover-text/ and this works – but I guess when updating the theme, I will loose these changes. I have created a child theme, and verified it works by adding some CSS to the style.css and these changes shows just fine.
I then tried copying the config.php to a subfolder called config-woocommerce in my child theme, but this does not work :-( I also tried renaming the config-woocommerce folder to just woocommerce, but again no luck. Can you please help me with finding out where to put this config file in my child theme?
Thanks in advance.
Hi I would like to thank you for the great theme that you have created, I am currently in the process of editing the template and one problem that I have is that the Easy Slider has different padding on different pages, I looked at other topics posted and tried the following code:
.content, .sidebar {
padding-top: 20px;
padding-bottom: 20px;
}
within the enfold styling quick css, but unfortunately they are still in different positions as if each slider has its own padding too or something, could you please help me with this. Thank you.
You are the man! Thanks.
Last question: the grey bar on top of the page. Where can I remove it? It has no use now.
Regards,
David
THANKS A LOT.
Would it be possible if I changed these things to also get a button? I already changed the PHP and JS, now add the css? Or will that mess things up?
https://kriesi.at/support/topic/enfold-adding-button-to-fixed-header-with-social-icons-and-additional-nav/
Hi!
Following code is the total code you should use
#top .social_bookmarks li a, .sub_menu>ul>li>a { color: #444!important; } /* color of social icons and sub menu items */
#header_meta { background-color: white!important; } /* changes color of header meta section */
.social_header .phone-info.with_nav span { color: red; } /* color of phone text */
For some reason custom CSS code is being reverted after some time. Please try to increase the allocated php mermory to 128M and check if that helps. Please see http://www.dailyblogging.org/wordpress/increase-wordpress-memory-limit/
Best regards,
Yigit
-
This reply was modified 12 years, 2 months ago by
Yigit.
OOOOOOOO SNAP, i think i made a mistake that overwrote what you changed. Would you please restore or post your changes here? I will close all my windows of the website now so it wont be overwritten when i press safe. what just happenend :(
Hi Yigit,
You closed off the topic before I could add more to it. :)
The solution you posted in https://kriesi.at/support/topic/changing-color-of-image-overlay-circle/ worked. However, this does not work for gallery with big thumbnail below.
I still see a green circle with two arrows pointing in opposite directions when I hover over it.
sl
YOU ROCK!
What code can I use to change the color of the phone number?
And for the SIZE of the phonenumber and the secondary menu?
I AM A HAPPY MAN
I have had wonderful experiences with this theme up until the last upgrade, and now my images are not responding to the easy slider, and other elements correctly. Where we used to have an easy slider of our books at a reasonable size on the home page, they now are coming out gigantic, so we’ve pulled them from the home page. The author’s image on the home page comes out too large even when we try to adjust it in the Advanced image options.It is supposed to be much smaller and at the left of the copy. We had none of these problems for months until now. Please help!!!
-
This topic was modified 12 years, 2 months ago by
montanayank.
Hi!
Please try adding following code to Quick CSS as well
@media only screen and (max-width: 989) and (min-width: 767px) {
.iconbox_top .iconbox_content {
padding: 45px 20px 20px 10px; }}
Regards,
Yigit
Hey!
Done. You can find the custom CSS code on the top of Quick CSS section. Is there any CSS issues since i edited the code?
Cheers!
Yigit
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 12 years, 2 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