Viewing 30 results - 137,521 through 137,550 (of 142,511 total)
  • Author
    Search Results
  • #180778
    crevlon
    Participant

    Hi,

    ich habe im LayerSlider ein Bild (eine Kette) eingefügt und bis an den rechten Rand verschoben. Wenn ich mir die Seite nun mit meinem Handy anschaue befindet sich das Bild auch ganz rechts am Rand. Wenn ich mir die Seite aber mit meinem Desktop Browser angucke, dann ist das Bild ein paar Pixel zu weit links.

    http://www.marcobehrens.com/home/

    Liebe Grüße,
    Marco

    #180777
    mastcharter
    Participant

    Hello,

    On our single post pages, could you share a CSS snippet on how to hide the featured image on the top of the page.

    For example, this red ribbon image was set as the featured image. We would still like the image to appear as the post thumbnail, but not as a big image when you are on the post page itself.

    You can view this here:
    http://mastccs.org/post/red-ribbon-week/

    Thanks!
    Phil

    #180773

    Hi adrianwackernah!

    Once questions are answered, they do not appear in queue unless user replies. Short responses might make some queries go missing.
    We answer each and every query posted on the forum. Some cases may take a bit longer time, but all get answered. I’m closing this thread for now. If you have any questions or issues, feel free to start a new topic.

    Cheers!
    Yigit

    Thanks Yigit! That did the job.
    Now that this is solved, I have a related question. When I tap on the image on the iPad or iPhone, I expect the title to display, as it would if I was mousing over it on a desktop or laptop. This does not happen, is this behavior intended? Could the css I just placed in the quick css box be masking a javascript css issue? Just a thought — it would be great to know. Thanks again for your support.

    George

    #180737

    In reply to: Portfolio

    This reply has been marked as private.
    #180697
    #180694

    Hey BuffyO!

    Please go to Enfold theme options > General Settings and change options in “Single Post Style”

    Regards,
    Yigit

    #180664

    Hey Robert!

    You can add following code to Quick CSS in Enfold theme options under Styling tab to remove next/prev navigations on portfolio pages

    #top .avia-post-nav { display: none; }

    Regards,
    Yigit

    #180650
    #180616
    gianmarizzi
    Participant

    Suddenly, my LayerSlider stopped to work properly.
    1) on a page it seems like it cannot find a picture which is still on the server
    2) my blog page doesn’t show it (even if the slider exists and is set on Avia Layout Builder).

    I deactivated W3 Total Cash and Wp Smush.it but nothing happened.

    #180607
    RevolutionGroup
    Participant

    Hi

    I have updated to the latest version and I am no longer seeing the drop down menu on the ipad.

    I have pasted all my custom CSS below just in case something is blocking it although I don’t think it should be:

    @media only screen and (max-width: 801px) { .flex_column.av_one_fifth, .flex_column.av_one_fifth, .flex_column.av_one_fourth, .flex_column.av_one_third, .flex_column.av_two_fifth, .flex_column.av_one_half, .flex_column.av_three_fifth, .flex_column.av_two_third, .flex_column.av_three_fourth, .flex_column.av_four_fifth, .flex_column.av_one_sixth, .flex_column.av_one_seventh, .flex_column.av_one_eighth, .flex_column.av_one_nineth, .flex_column.av_one_tenth{
    width: 100%;
    margin-left: 0px;
    }
    }

    .page-id-2372 .av_three_fourth { width: 78.5%; }

    .responsive .logo img { height: 74px; }

    .related_posts { display: none; }

    .tribe-events-list-widget ol { margin-left: 0px }

    .pricing-table li{
    border: 0!important
    }

    .avia-promocontent { padding-right: 25px; }

    #top .iconbox_top { padding-bottom: 35px; }

    .iconbox_top .iconbox_content { box-shadow: none; border: 1px solid #f1f1f1; }

    .logo img{
    position: relative;
    top: 10px;
    }

    .social_header .phone-info {
    color: #014073;
    font-size: 1.5em;
    }

    .main_menu ul:first-child>li>a {
    font-size: 16px;
    }

    #top .main_menu .menu li ul a{
    line-height:23px;
    padding:8px 15px;
    font-size: 14px;
    min-height: 23px;
    }

    .title_container .main-title {
    font-size: 18px;
    position: relative;
    min-height: 36px;
    font-weight: 600;
    }

    #header_main .container, .main_menu ul:first-child > li > a {
    height: 120px !important;
    line-height: 120px !important;
    }

    h2.post-title {
    color: #014073;
    }

    #top .template-blog h1.post-title, #top .template-blog h1.post-title a {
    color: #014073;
    }

    #wp-calendar {
    width: 99%
    }

    #footer .widgettitle {
    color: #ffffff;
    font-size: 20px;
    }

    @media only screen and (max-width: 767px) {
    .responsive #header .social_bookmarks {
    margin-bottom: 10px;
    }
    }

    .news-excerpt p {
    text-align: justify;
    }

    h2{
    text-transform: none !important;
    font-size: 24px;
    letter-spacing:0px !important;
    }

    .widgettitle {
    text-transform:capitalize;
    letter-spacing:0px !important;
    font-size: 16px;
    }

    .main_menu ul:first-child > li.current-menu-item > a, .main_menu ul:first-child > li.current_page_item > a {font-weight: 800;}
    .main_color .sidebar .current_page_item>a {color:#000000; font-weight:bold;}
    .current_page_item>a {font-weight:400;}

    .sidebar li a {
    color: #4C4646 !important;
    }

    #top .widgettitle label {
    font-size: 16px!important;
    }

    @media screen and (max-width: 767px) {
    #top .social_bookmarks { display: none; }
    .header_color .container_wrap_meta { padding-top: 10px; } }

    @media only screen and (max-width: 1279px) and (min-width: 769px) {
    .responsive .main_menu ul:first-child > li > a {
    padding: 0 6px;
    font-size: 13px;
    }
    }

    @media only screen and (max-width: 1365px) and (min-width: 1280px) {
    .responsive .main_menu ul:first-child > li > a {
    padding: 0 10px;
    font-size: 15.5px;
    }
    }

    .avia-icon-list .iconlist_icon {
    background-color: #014073 !important;
    }

    #top .main_color .avia-color-theme-color {
    color: white;
    font-weight:bold;
    }

    Here is a link to my website with the ipad view: http://tinyurl.com/p69chqp

    Thanks,
    Rob

    #180597
    Steve
    Participant

    Hi there,
    The banner on the top is put into a “colour selection”. It works on all other pages, but not with woocommerce.

    Please hlep!

    Tahnks,

    V

    • This topic was modified 12 years, 1 month ago by Steve.

    Hi!

    Please try following code instead

    
    #top div.product .woocommerce-tabs ul.tabs li.reviews_tab{
    width: 100px !important;
    }
    

    If it still doesn’t work please post a link to your website.

    Cheers!
    Peter

    #180581
    robwheatley
    Participant

    Hi All,

    I hope someone can help with this weird one.

    I have an Easy Slider on my homepage (goo.gl/C76zhq). When using Safari (on a Mac) there’s a weird effect to all text below the slider. As the image is sliding, the all text below the slider ‘blurs’ until the animation is finished.

    For clarification, I’m talking about the Easy Slider part way down the page, not the large slider at the top of the page. It is rotating around 2 images talking about Objectives.

    Any ideas on how to fix this?

    Hi,

    Yesterday i wanted the same. this is what i did (working on child theme):

    . Choose the “Fixed Header with Social Icons and Additional Navigation”, the social config panel expands. Later you will use it to set up your own links, etc.
    . Get a copy of header.php and place it in your child folder, get rid of the extra header (starts on Line 87)
    . C&P this after Line 135: if(strpos($headerS,'bottom_nav_header') === false) avia_social_media_icons($social_args);
    . Modify <nav> and social styles, so it fits correctly (position, padding… nothing fancy). But make sure to target some id that will allow you to keep the correct styles on “Header with Bottom Navigation” I used this: .container_wrap_logo .main_menu { right:120px }. Also u will need to modify the top padding of #main. I used this: .fixed_header.social_header #main { padding-top:117px; }

    upload and check.

    Probably not the best or code friendly solution, but it worked. : )
    GL

    #180573

    Hi!

    You can try following code instead

    
    html[lang="fr-FR"] p{
    font-size: 14px;
    }
    

    If it still doesn’t work you can use the code from here: http://wpml.org/forums/topic/body-class-based-on-language/#post-18785 (insert it into the functions.php theme file) to add the language shortcode to the body classes. Afterwards you shoud be able to style your website with

    
    body.fr_FR p{
    font-size: 14px;
    }
    

    Regards,
    Peter

    #180555

    Hi!

    WordPress doesn’t know which “portfolio grid” is the parent page of a “single portfolio entry” because the portfolio grid is actually just a shortcode which is embedded into the content of a page. Kriesi found a workaround and Enfold stores the id of the portfolio/grid page into a session. If the session data exists the breadcrumb will show the portfolio grid link in the breadcrumb, otherwise not. I.e. if the user first views the grid page (Mobile Apps) the server will save the id into the session and as soon as the user views the single portfolio entry Enfold uses the session data to build the breadcrumb. On the other hand (if the user accesses the portfolio entry directly from the homepage) it won’t save a session/id and the breadcrumb won’t show the portfolio grid link.

    If you don’t want to show the portfolio grid page in the breadcrumb but just the portfolio categories of the current entry you can use the code I posted here https://kriesi.at/support/topic/breadcrumbs-with-portfolio/

    Best regards,
    Peter

    #180534

    Hi hodgsondesign!

    I checked your site on safari and the top menu submenu works fine. Please remove browser cache then reload the page.

    #header_meta {
    z-index: 2 !important;
    }

    Best regards,
    Ismael

    #180531
    This reply has been marked as private.
    #180529

    Hey Iano999!

    It’s not happening for at least 1500px in width. Please try to add this on your custom.css or Quick CSS:

    @media only screen and (min-width: 1601px) {
    .av-masonry-container.isotope {
    margin-left: 10%;
    }
    }

    Please give us a link to the actual website.

    Best regards,
    Ismael

    #180492

    Hey!

    Not sure if he fixed a typo or edited the post to change it out completely but we tend not to leave incorrect code in any post just in case someone doesn’t read all the way down a topic before trying to use some css or code snippets.

    Either way glad its working for you now :)

    Cheers!
    Devin

    Hey!

    The hack from Josue is unfortunately somewhat limited. Changing out the menu as well and hiding it on desktop to get a whole different mobile on/off switch that completely changes things would need to be done by a freelance developer.

    The toggleClass is pretty straightforward but the combined effects will need testing and then to be packaged into a form that will keep it from being lost on theme updates to be really done correctly.

    Regards,
    Devin

    #180470

    Hi mhiller!

    You also have this which is what sets the font to Droid Serif for the whole body of your site:

    
    body{
    font-family:'Droid Serif', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    }

    You could target the menu links specifically with however:

    
    #top .main_menu .menu li a {
    font-family: 'Droid Sans';
    }

    Cheers!
    Devin

    #180466
    mhiller
    Participant

    I thought I had found the problem, but I am still having trouble with the the default font set up in “Styling” in the General Tab: Heading Font: Droid Sans; Body Text: Font: Droid Serif. The correct fonts show up in the Styling preview pane, but not on the site (Header is a “serif” not a “sans serif” font):

    http://www.nexuscontentlab.com

    The only CSS changes I have done are these in Quick CSS:

    h1, h2, h3, h4, h5, p {
    text-transform: none !important;
    }
    
    @media only screen and (max-width: 767px) 
    .responsive #top #header {
    position: fixed;
    }
    }

    I purged browser cache and the fonts are still wrong. I am using the enfold child theme, I have not changed the enfold child style.css file.

    Thanks, Mike.

    #180460

    @PPCHound – Since you have a separate topic open on the same issue we’ll address yours directly there.

    #180455

    In reply to: Layerslider not saving

    I’ll mark this as closed for now. If either of you have continued individual issues just make a new topic and we can address it there.

    #180440
    dustingrof
    Participant

    Hello,

    I am creating some custom shortcodes for the enfold theme. I mostly have them working, but I am not an expert with php, so most of my work has been trial and error / copy and paste from other shortcodes.

    For this shortcode, I am basically taking the image shortcode and adding a title to it. Everything displays fine on the front end, but there is a weird bug I can’t quite figure out. Let me explain:

    When I first click edit page, I see the element as I intend in the Advanced Layout Builder. Once I click to edit the element and click save, the layout changes. I lose the title, and two images appear stacked on top of each other.

    Before on the left, after on the right:
    Before and After in the editor

    I am guessing it is something to do with the code in the Editor Element Section, here is my code from that section:

    function editor_element($params)
    			{
    				$template = $this->update_template("src", "<img src='{{src}}' alt=''/>");
    				$img	  = "";
    
    				if(isset($params['args']['src']) && is_numeric($params['args']['src']))
    				{
    					$img = wp_get_attachment_image($params['args']['src'],'large');
    				}
    				else if(!empty($params['args']['src']))
    				{
    					$img = "<img src='".$params['args']['src']."' alt=''  />";
    				}
    
    				$params['content'] = NULL;
    				$params['innerHtml']  = "<div class='avia_photo_nav_square avia_photo_nav_square_style avia_hidden_bg_box'>";
    				$params['innerHtml'] .= "<div ".$this->class_by_arguments('align' ,$params['args']).">";
    				$params['innerHtml'] .= "		<span {$template} >".$params['args']['title'].": </span>";
    				$params['innerHtml'] .= "<div class='avia_photo_nav_square_container' {$template}>{$img}</div>";
    				$params['innerHtml'] .= "</div>";
    				$params['innerHtml'] .= "</div>";
    				$params['class'] = "";
    
    				return $params;
    			}

    Thanks for any help you can provide!

    D

    #180437
    hodgsondesign
    Participant

    This issue seems to be back again – https://kriesi.at/support/topic/small-top-navigation-drop-down-not-working/#post-169820

    I have tried adding that fix and it doesn’t work. This is happening on Safari at http://www.tomhodgson.co.uk

    Thank you

    #180435

    perfect, thanks!

Viewing 30 results - 137,521 through 137,550 (of 142,511 total)