Viewing 30 results - 691 through 720 (of 986 total)
  • Author
    Search Results
  • #448111

    Topic: SHARE BOX

    wolfnuka
    Participant

    Hi, in the blog section there’s an element called “SHARE BOX” which is basically a long rectangle with social media icons, and is not listed under the widgets section, i’d like to see if there’s any shortcode or any way i can implement that same social media icon bar somewhere else, like at the bottom of the homepage for instance

    tarynw
    Participant

    Hi there!

    Thanks for creating such a great theme and your wonderful support forums. I’ve been able to answer most of my queries by searching other people’s posts, but the below are the few remaining things I am struggling with. I’m a total newbie to WP so really appreciate your help.

    1) Header image as logo
    I’ve tried a few options, but my logo works best as an image as I want it to be full-screen. I have uploaded my logo as a full-width easy slider on every page to get this effect. But there are a couple of problems with this.

    a) Firstly, I also want to use a transparent header but this means the transparency logo is duplicated over the image

    Basically I just want the logo to show when the user scrolls down and no transparency logo to be visible. Is this possible?

    b) Secondly, there is an issue on mobile devices.
    Because of using the logo as a full width easy slider (maybe that’s not the best thing to do??) on mobile devices both the transparent logo and the logo I’ve added as a full width easy slider shows at the top of the page (one under the other). Can I make the full width image with logo disappear on mobile devices?

    Or is there a better way to achieve what I’m trying to achieve (full width logo and transparent header) that doesn’t cause this issue?

    2) Iconlist – space under heading
    Is there a way to add in a space between the heading and the list itself in the icon list?

    3) Border colors to form fields only
    I want to remove the borders around the colour sections but when I change the border colours to white in the general styling tab it also removes the borders around the form fields which makes the fields disappear as they’re white too. Is there a way to add a light grey border to the form fields only via quick CSS?

    4) Icons as bullets – alignment
    I’ve managed to use a custom icon as a bullet based on this advice #429401 which worked perfectly. But when I have used it with text styled as H4 the icon alignment goes out. See top of http://www.thehealthtohappinessproject.com/you-me/ How can I fix this?

    5) Form Title and Success message – size/font
    I’ve tried to find a solution for this, but couldn’t seem to find anything that worked. What CSS would I need to add to change the form title and success message font size? I would like to make the form title look like the special heading (H4) styling (to tie in with the rest of the page). Also, I would like the form success message to be H6 and be able to change the colour please.

    6) Change specific button hover colour and border
    I have buttons on a variety of colour sections throughout the site and so in one instance the button hover colour is also the background colour.

    Is it possible to change the hover colour and border colour for this button only? I have activated custom cc class so familiar with using that.

    7) Button text has underline
    I’m not sure why, but one of the buttons in a table has the button text underlined (but not the others). I’ve deleted it and added it back in numerous times, but can’t seem to get it to disappear!

    8) Menu hover colour on transparent header
    Because the menu sits on a background image, I want the hover colour to be white. However when the transparent header disappears once the user scrolls down the white hover makes the menu items invisible as the background changes to white. Is there a way to keep the hover colour white when the transparent header is active, but change it to another colour once the normal menu is visible?

    9) Own social media icons in footer
    I have added my own social media icons into the footer via a text widget. I’m just not sure how to link them through to the actual sites. This is the code I am using for each icon:

    Facebook <a

    Also how do I center them in the footer?

    Thank you so much for your help. I’ve loved using your theme!

    • This topic was modified 10 years, 8 months ago by tarynw.
    #444726

    Hi aberrant!

    I’m not sure what a meetup social icon is, could you explain a bit more please? If you want to add content to the header you could try to add a widget area: http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

    Best regards,
    Rikard

    #443443

    Thanks a lot, the quick css is working. The widget is now in the header at the top, is it posible to put it in the bar above menu like social icons but at the left ?

    thanks again

    #443261
    USERNAME2015
    Participant

    Hi all,

    In this documentation i can change the place of transposh widget to header but i need to put it in the bar above menu at the left ( i have the social icon at the right). How can i do it please ?

    screen capture

    #442600
    This reply has been marked as private.

    Hi alexoua!

    Does this plugin have a widget version? If so then you could do this to add a widget area to your header, http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/, and then use CSS to move it around.

    If not then maybe around line 38 in the file you mentioned would work.

    if(strpos( $headerS['header_social'], 'extra_header_active') !== false) echo $icons;
    

    Regards,
    Elliott

    #439314
    This reply has been marked as private.

    Hey bendosda!

    1. You mean you want a color section with parallax, some content after it, and then another section with parallax using the same image beneath it? I’m not sure if that is going to be possible.

    2. The easiest way to do this would be to copy the “Latest News” HTML and then paste it inside a text widget in the footer and change the links to whatever you need.

    3. Add this to your custom CSS.

    @media screen and (max-width:1000px) {
    nav.main_menu { display: block !important; }
    #advanced_menu_toggle { display: none !important; }
    }

    4. The separator has a “whitespace” style which does not have any borders.

    5. See here for how to add a widget area to your header, http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/.

    6. Hmm, it shouldn’t be cutting them. The default behaviour is to set their width to 100% of the column and their height to auto so they scale nicely inside the columns. Send us a link and we’ll take a look.

    7. Which slider are you using? Send us a link and we’ll take a look.

    8. You’ll have to crop the images for this one. If you force their size with CSS they will look distorted.

    9. We do have a coming soon page, http://kriesi.at/themes/enfold-coming-soon/. If you want to display social buttons then you could use our icon shortcodes and add links manually, use a codeblock element with HTML inside, or use the “Social Share Buttons” element in the layout builder.

    10. Do not set a link on the title if you do not want a link to be displayed.

    11. You can do this, http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/, to view the shortcodes being used in the layout builder.

    Best regards,
    Elliott

    • This reply was modified 10 years, 8 months ago by Elliott.
    bendosda
    Participant

    Header Widget, Page Design, Buttons behavior and more…

    Hi.

    i am working on my website and i am facing many problems / stuff that i dont know how to handle it so i have few questions:

    1. i would like to have part of the page to be designed with a parallax background image with some content separated on the same section.
    example: http://www.laurentperezdelmar.com/ (i liked the scrolling effect). i know that the “color section” provides parallax option with a cutom image but didn’t find the way to separate between sections. also tried the “Background Image” on the “enfold” settings, General styling but it didn’t supplied the solution for it.

    2. i would like to add some links in the footer like the “Enfold Latest News”, the links should be shown like the “testimonials” balloons with some text in the left side like the “Enfold Latest News”.

    3. when i am adding many page links on the menu it overlays the Logo. need to fix it.

    4. i want to add a GAP wothout any lines or icons in the middle of the page but the separator doesn’t provide a solution for it.

    5. i want to add “Transposh” translation widget to the header near the “Extra Elements” Section.didn’t find how to do that.

    6. i want to add “Partner/Logo Element” slider and i have many logos that each one has different sizes but it cuts the images, need to fix it as well.

    7. i want to force all images in a slider to be shown in the same size on a “FullWidth Easy Slider” without the need to change their resolution manually each one (some images are shown in a zoom…).

    8. i want to force all images in a “Image” media element to be shown in the same size without the need to change the image resolution.

    9. on enfold there is no “maintenance” or “coming soon page” so i have created one and i would like to add a line of social icon buttons on bellow the “countdown” how can it be done?

    10. on the “icon box” i want to have the “Icon Hover effect” without having any Hyperlink behind it. how can it be done?

    11. i want to automate some “Color section” by pasting it like a “shortcode” on pages but there is no shortcode for “Color section”.

    i will highly appreciate any assistance.
    need help

    many Thanks!

    BR,

    Ben

    #435854
    Philipp
    Participant

    Hey there,
    I wanted to add another image on the same level as the logo, but on the right side.
    So I searched and found this:
    http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

    But it’s not working as I wanted. I played a little with the CSS but i wasn’t able to get it on the same level

    I looked in the settings and found that it’s possible to use the needed position for social icons.

    Can someone tell me how I can add an image to this position? In best case so that it’s not visible in the mobile version of the website.

    Hey!

    I think you forgot the website url.

    1.) You can decrease the size of the sidebar on Enfold > General Layout > Dimensions > Content | Sidebar Ratio setting.

    2.) The footer height will depend on the content. You can enable the Social Icons setting on the Footer panel.

    3.) Use the bbPress login widget.

    Best regards,
    Ismael

    #433755

    I swear I don’t, unless it’s in the parent – which I haven’t edited.

    Here’s the custom CSS from the child in its’ entirety:

    .logo { display: none !important; }
    
    body {
      font-size: 14px;
    }
    
    @media only screen and (min-width: 767px) {
        div#header_main > .container {
            display: none;
        }
        .html_header_top.html_header_sticky.html_large.html_bottom_nav_header #main {
            padding-top: 37px;
        }
    }
    
    @media only screen and (max-width: 767px) {
        #advanced_menu_toggle{
            top: 55px;
        }
        #top .avia-builder-el-first {
            width: 80%;
        }
    }
    
    .image-overlay-inside, .image-overlay.overlay-type-extern {
    display: none;
    }
    
    a.markerly-share-btn.markerly-share-markerly {
    display: none;
    }
    
    h1, h2, h3, h4, h5, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong  {
    color: #F48132 !important;
    text-transform: none !important;
    letter-spacing: 0px !important;
    }
    
    i {
    font-style: italic;
    }
    
    .main_color .av-masonry {
        background-color: #ffffff !important;
    }
    
    .content, .sidebar, .header_color div, .alternate_color, .main_color { border: none!important; }
    
    .bottom_nav_header.social_header .main_menu ul:first-child>li a {
    border: none;
    }
    
    .av-masonry-date {
    display: none !important;
    }
    
    .av-masonry-entry .av-masonry-entry-title + .av-masonry-entry-content,  .av-masonry-entry-title {
    text-align: center !important;
    }
    
    .slide-content {
    background-color: #ffffff !important;
    }
    
    div#av-layout-grid-1, div#av-layout-grid-2 {
    background-color: none !important;
    }
    
    #footer.container_wrap.footer_color {
    border: 4px solid #ACACAC !important;
    }
    
    .widgettitle {
        font-weight: 800;
        text-transform: none;
        font-size: 18px;
    }
    
    #top .flex_column .template-blog .post-title {
        font-size: 22px;
    }
    
    .av-masonry-entry .av-masonry-entry-title {
        line-height: 1.3em;
        margin: 0px;
        font-size: 18px;
    }
    
    .av-masonry-entry  {
        line-height: 1.3em;
        margin: 0px;
        font-size: 13px !important;
    }
    
    .main_menu ul:first-child > li > a { font-size: 14px !important; }
    
    .widget_recent_entries li a {
        font-family: "open sans" !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: bold;
    }
    
    .main_menu{
    background-color:#FFF;
    }
    
    .footerbig {
    font-weight: normal !important;
    font-size: 15px !important;
    }
    
    .avia-slideshow {
        position: relative;
        margin: 20px 0px !important;
        width: 100%;
        clear: both;
        overflow: hidden;
    }
    
    .content, .sidebar {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
        box-sizing: content-box;
        min-height: 1px;
        z-index: 1;
    }
    
    .big-preview {
    padding: 0 !important;
    margin-top: 20px;
    }
    
    .iconbox {
    border: 2px solid #666 !important;
    padding: 5px !important;
    }
    
    .iconbox .iconbox_content .iconbox_content_title {
        border: medium none;
        padding: 2px 0px 0px;
        position: relative;
        margin: 0px 0px 16px;
        clear: none;
        overflow: hidden;
        letter-spacing: 1px;
        text-transform: none;
        font-size: 18px;
    }
    
    #top .news-thumb img {
    display: none !important;
    }
    
    .news-thumb {
    display: none !important;
    }
    
    .main_color div .news-headline {
    color: #f47f32 !important;
    font-size: 14px !important;
    }
    
    .avia-post-nav {
    display: none !important;
    }
    
    .main_menu .menu ul { width: 215px !important; }
    
    h1 {
        font-size: 28px;
        line-height: 1.1em;
        margin-bottom: 14px;
    }
    
    #tribe-events-pg-template {
        max-width: 100%;
        padding-top: 30px !important;
    }
    .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"] {
        font-size: 1.5em;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 9px 9px 9px 9px;
    -moz-border-radius: 9px 9px 9px 9px;
    -webkit-border-radius: 9px 9px 9px 9px;
    border: 3px solid #666666;
    }
    
    .social-icons-widget ul li {
        float: none !important;
        margin: 0px 2px 2px 0px !important;
        display: inline-block !important;
    }
    
    blockquote {
        border-left-style: solid;
        border-left-width: 14px;
        padding: 5px 5px 5px 20px;
        margin-bottom: 1em;
        margin-right: 0em;
        font-size: 18px;
        line-height: 1.5em;
    color: #ffffff !important;
    font-weight: 800;
    background-color: #BBBBBB;
    }
    
    body .column-top-margin {
        margin-top: 10px;
    }
    /* Front Page Submit Field */
    #gform_widget-2 {
        top: 20px !important;
    }
    #gform_1 #gform_submit_button_1 {
        float: right;
        position: absolute;
        top: 0;
        left: 220px;
    }
    #gform_1 #gform_submit_button_1 {
        margin-left: -32px;
    }
    #gform_1 #input_1_2 {
        width: 190px;
        margin-left: -10px;
    }
    /* End submit field */
    .added_to_cart_notification { 
    display: none !important; 
    }
    
    #footer .container {
    padding-top: 0px;
    padding-bottom: 0px;
    }
    
    #footer .widget { padding: 0px 0 0px 0; }
    
    .comment-count, .comment-text  {
    display: none;
    }
    
    div.related_posts {
    display: none!important;
    }
    
    .template-blog .post_delimiter {
        margin: 0px 0px 10px;
        padding: 10px 0px 0px;
        clear: both;
    }
    
    .avia-button, .main_color input[type="submit"] {
    -webkit-box-shadow: 7px 7px 5px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 7px 7px 5px -6px rgba(0,0,0,0.75);
    box-shadow: 7px 7px 5px -6px rgba(0,0,0,0.75);
    }
    
    .boxGoodness {
    -webkit-box-shadow: 7px 7px 5px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 7px 7px 5px -6px rgba(0,0,0,0.75);
    box-shadow: 7px 7px 5px -6px rgba(0,0,0,0.75);
    }
    
    .newlist {
        list-style-type: none !important;
        padding: 0px;
        margin: 0px;
    }
    
    .newlist {
        background-image: url(https://143.95.43.131/~jimmycar/wp-content/uploads/2015/03/jimmycheck.png);
        background-repeat: no-repeat;
        background-position: 0px center;
        padding-left: 35px !important;
    }
    
    span.wpcf7-list-item {
    margin-left: 0.5em !important;
    display: block !important;
    }
    
    #newsbox-4 {
        padding-top: 40px !important;
    }
    
    .avia-testimonial-wrapper {
        display: table;
        margin: 15px 0px !important;
        clear: both;
    }
    
    #top .av-large-testimonial-slider .avia-testimonial-content {
        border: medium none;
        padding: 0px;
        background: none repeat scroll 0% 0% transparent;
        font-size: 1.6em !important;
        line-height: 1.65em !important;
    font-weight: bold !important;
    color: #F47F32 !important;
    }
    
    #top .av-large-testimonial-slider .avia-testimonial-name {
        font-size: 1.6em;
        margin-top: .25em !important;
    }
    #433108

    Hi, Thanks

    And is posible to add any shortcode to add social icons in a widget?

    #433078
    ActiveMarketing
    Participant

    Hello Kriesi Team,

    great theme you developed, congratulations.

    I would like to achieve the following two things:
    – Is there a way I can get the shortcode for the Social Icons so I can add them to different parts of the website? I would like to add it to the bar on top of the menu and to a widget in the footer.
    – I have the site in two languages (manually translated, each site has its own setup and wp installation in subdomains) I would like to add a dropdown menu that indicates the language and has an icon, kind of like this: http://orange.com/sirius/histoire/en/home/ (check out the menu on the top right that lets you change the language) but with an icon also.

    Thanks,
    J.

    #432795

    In reply to: Various questions.

    Hi!

    2. Just increase the number with “px” to something like e.g. “5px”. If that does not help, please post a link showing the gaps between the images in question. I couldn’t find it on your website.

    3. Refer to this post: https://kriesi.at/support/topic/how-do-i-add-custom-fonts-to-the-enfold-theme/#post-210802

    4. I can’t see any social media button on your website, but you can easily add them to your footer using widgets. Refer to this post for more information: https://kriesi.at/support/topic/enfold-social-media-icons-in-widget/#post-273378

    Cheers!
    Andy

    #428908
    idesignprint
    Participant

    Hello,

    I have succesfully added a widget area to my header but it adds it after my navigation but I would like it to sit to the right of my logo (replacing header social icons), at the minute I have my header setup as logo left, menu below.

    How can I go about this?

    Thanks
    Claire

    #425312
    gupshupdotme
    Participant

    Hey Guy,
    I need to add social icons from footer to widget above it. Please refer.
    I copied the code but its breaking like anything.
    Can you please help me??

    #424909
    steve55555
    Participant

    I have changed the footer links to be displayed as black but they are still being displayed as blue hyper links.

    I’m sure it’s me overlooking something but any help is much appreciated. Also, Is there a way of having nice social icons like at the bottom of this website http://www.veryexclusive.co.uk/ to display on the footer of every page, in the same position they have it?

    They also have a nice “sign up to our newsletter” widget, what would you recommend for this?

    Thanks!

    #424732

    Hi,
    No I did not fix it.
    The Pin it button is part of the widget so it works fine. Anything out of, and above the widget does not work.

    If I am able to put those social media icons within a widget, that may solve my issue too, but I can’t seem to get that to work either.

    If I copy and paste the

    social media section in the header, it doesn’t show at all in a widget area text box that I create.

    Taku

    #424043
    tkumabe
    Participant

    Hi there,
    I’m encountering something I haven’t seen on this board yet.
    I made a new page, created columns, and on the side column I created my social media icons with links to them going to my respective social media pages. They work fine.

    However once I added an Enfold Widget area underneath these icons I created in the column of the new page, the links to these icons no longer work. The icons show up but they don’t lead anywhere when I click on them.

    If I remove the widget in the column, save the page and view it, the links work as normal.

    Is there any fix for this? I’d like to use the widget rather than have to update every single page in my theme.
    (FYI, I don’t have the icons present on my page right now so I’m not linking to my site.)
    Thanks!

    I’m using the latest versions of WPMU and Enfold (Child).

    #423443
    alexhell
    Participant

    Hello,

    I add a extra widget in the header. It is the language switcher of multipress. I know, that enfold prefer wmpl, but after I had one serious crash with wmpl, I prefer not to use it anymore.

    The flags of the widget appears next to the social icons, like they should. But if I scroll down, the flags scroll down too. Doesn’t look too nice. And if I change to table or phone size, the widget area is mixed with my “phone message”.

    (Btw.: If I activate this phone line and secondary menue, they are in the same row. Possible to fix this for the future? And how to change the font size of the secondary menue?)

    Thanks in advance.
    Alex

    This reply has been marked as private.
    #421030

    Is there another way of getting a search icon next the the social icons in this format or is my only option to use one in a widget at the foot of the oage … which isn’t ideal

    thanks
    F

    #420982

    Topic: Social Share Icons

    in forum Enfold
    Customer3SIXTY
    Participant

    Hi,

    I am trying to add a Social Share Icons into the side bar via widget or into the individual page, i also tried the code posted by one of your moderator https://kriesi.at/support/topic/share-icons-on-pages-and-portfolio-items/. However i am not able to succeed.

    Please help me to get it done.

    SSG
    Participant

    Hi there,
    Please could you help us rearrange our icons to be in a line, as opposed to being in a list?
    This is the code in the widget at the moment by our developer:

    &nbsp;
    <ul id="footer-social-buttons">
    <li><a href="https://twitter.com/ssg_news" target="_blank"></a>
    </li>
    <li><a href="http://www.linkedin.com/company/2398048" target="_blank"></a>
    </li>
    <li><a href="http://www.facebook.com/SustainabilitySolutionsGroup" target="_blank"></a>
    </li>
    </ul>

    How do I attach a screenshot?
    Thanks,
    Petronella

    • This topic was modified 10 years, 9 months ago by Elliott.
    #419395
    vinayb
    Participant

    Hi there,

    i am trying to add a custom link/icon to the header but in the social media icon there is no custom icon option. Moreover, i dont even see an option to add a widget to the header area. Please let me know how can i add somethign to the header other than the social media icons.
    Vinay

    #418610

    Ok thats great. The footer column 3 is back.

    Now al I need is to adjust the logo image in footer 1 to be in line with the footer 2 first line.

    And is there a way to add the social icons from the home page? They arent available as a widget only from the advanced content builder.

    Thanks

    #418589

    Hi Yigit,

    Please look at the home page footer: http://scotwebtesting.co.uk/

    This was done using a color section. Now look at http://scotwebtesting.co.uk/about-us/ – this already has 3 widgets added

    the first 2 are almost fine. footer widget 1 one needs the logo adjusted to match the same height as what you see on home page. And footer 3 has dropped out. Footer 3 needs the social icons as home page but there’s no widget for it.

    I really need the footer from the home page but using widgets.

    thanks

    #417713

    Hey danbooth!

    Thank you for coming back.

    Use the following and adjust the values:

    
    #footer .social_widget_icon {
        border-radius: 20px !important;
        font-size: 25px !important;
        height: 40px !important;
        padding-top: 4px !important;
        width: 40px !important;
    }
    

    Cheers!
    Günter

Viewing 30 results - 691 through 720 (of 986 total)