Viewing 30 results - 134,131 through 134,160 (of 142,891 total)
  • Author
    Search Results
  • DaraEmerson
    Participant

    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!

    #220648
    This reply has been marked as private.
    #220635
    Semo-dk
    Participant

    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.

    #220614

    Topic: Easy Slider

    in forum Enfold
    mohammad-psm
    Participant

    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

    #220607

    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/

    #220603

    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.
    #220601

    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 :(

    #220600
    slui
    Participant

    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

    #220597

    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

    #220596
    montanayank
    Participant

    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

    #220590

    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

    #220587

    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!

    #220583

    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

    #220579

    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

    #220566

    Hi orsettopro!

    Can you post the link to your website so we can take a look?

    Regards,
    Yigit

    #220564

    Hey orsettopro!

    Please see Kriesi’s post here https://kriesi.at/support/topic/kriesi-logo/#post-161892

    Best regards,
    Yigit

    #220551

    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

    #220543

    In reply to: Menu a:active issue

    Hey faitout!

    Please try Josue’s workaround here https://kriesi.at/support/topic/stop-resizing-header-but-anchor-not-correct/#post-220223

    Regards,
    Yigit

    #220537

    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

    #220531

    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

    #220528

    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

    #220520
    DavyE
    Participant

    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?

    #220495

    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

    #220489
    der_mueller
    Participant

    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.
    #220462

    In reply to: Changing CSS

    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; }

    #220456

    Topic: Responsiveness sliders

    in forum Enfold
    sdeceulaer
    Participant

    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

Viewing 30 results - 134,131 through 134,160 (of 142,891 total)