Viewing 30 results - 5,281 through 5,310 (of 18,734 total)
  • Author
    Search Results
  • #1091766

    In reply to: Editing the Sub Menu

    Hey janton1,

    What exactly are you trying to do? Reduce the font size?

    Best regards,
    Jordan Shannon

    #1091713
    ekam520
    Participant

    Hi,

    I’d like to increase the font size of the secondary menu area. I used the code below in the General Styling CSS area, but it messed up my logo to the left and the font formatting in the main content area on the whole website.
    }
    #avia2-menu a {
    font-size: 14px;

    Any other recommendations?

    Thanks,

    Erika

    #1091668

    Topic: Blog titles on mobile

    in forum Enfold
    kimenvato
    Participant

    Hi!

    Where can I decrease the font size of the blog post titles on mobile can find any option to define sizes for desktop vs mobile?

    Kindly,
    Kim

    #1091595

    Topic: Tooltip Styling

    in forum Enfold
    Kesselhut
    Participant

    Hi,
    i have a question concerning the styling and behavior of the tooltips.

    I have added tooltips in a code-block – these tooltips seems to be not affected by the styling which is applied via quick-css.
    ->See private content

    i have added the tooltip in the code block like this by adding “data-avia-tooltip” to the link.

    I want the the tooltips in the code block to look like the tooltips which are applied to the icons.

    The CSS for the tooltips looks like this:
    .avia-tooltip.avia-icon-tooltip.avia-tt { background-color: rgba(209, 128, 0, 0.8); color: #fff; font-size:18px !important; }
    .avia-tooltip.avia-icon-tooltip.avia-tt .avia-arrow { background-color: rgba(209, 128, 0, 0.8); }

    Can someone help me find the right selector?

    Thanks in advance
    Henning

    #1091316

    Topic: Main Menu Links

    in forum Enfold
    JordanTH3
    Participant

    Hello, I am having difficulties in changing my Main Menu Links’ font color and size. Please help me with this.
    I’m also facing issue in changing the bar color of the Social Media Icon on top of the main menu bar.

    #1091309

    i’ve tried to update to 4.5.5 and in the post editor on the right sidebar “Document” tab i’ve selected the featured image to disable on single entry

    Also putting these in the Quick CSS:

    .postid-3133  .big-preview.single-big {
      display: none;
    }
    
    .js_active .tab {
    font-size: 14px;
    }

    However it still give me the blank clickable placeholder of the featured image at the top of the blog post

    #1091204

    Hi,
    Thank you for your explanation, so please try this:
    in your footer > copyright field please use this code:

    <span class="mobile-copy">© 2019 RMS SICHERHEITSANSTALT</span><span class="desk-copy">© 2019 Copyright – RMS Sicherheitsanstalt</span>[nolink]

    Then in your Quick CSS, please use this css:

    
    @media only screen and (max-width: 767px) { 
        .desk-copy {display: none;}
    }
    @media only screen and (min-width: 768px) {
        .mobile-copy {display: none;}
     }

    Now you will have different copyright text showing for different devices.
    Using these classes you can also change the color of the text, font-size, and much much more!

    Best regards,
    Mike

    #1091054

    In reply to: Tab Control

    Hi envatojlc,

    Please try this css:

    
     .main_color .tabcontainer .tab {
        padding:5px;
        margin:10px 0;
        font-size:20px;
    }
    

    Best regards,
    Victoria

    #1090950

    Hello,
    here I send you the link.
    I´d like to see the text in the frame, not on the body.
    I’m sure it´s something really easy. But I’m just starting and don´t have nobody to ask.
    Thanks a lot!!!

    Actually I have this:
    modified header.php

    <div class=”side-panel-left”>
    <span class=”side-panel-text”>
    Julia
    </span>
    </div>
    <div class=”side-panel-right”>
    <span class=”side-panel-text”>
    sven
    </span>
    </div>

    child css:
    .side-panel-left .side-panel-text {
    display: block;
    position: absolute;
    top: 50%;
    left: 60%;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.3rem;
    letter-spacing: .24em;
    font-weight: bold;
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    padding-bottom: .2rem;
    }
    .side-panel-right .side-panel-text {
    display: block;
    position: absolute;
    top: 50%;
    left: 40%;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.3rem;
    letter-spacing: .24em;
    font-weight: bold;
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    padding-bottom: .2rem;
    }

    html.html_av-framed-box .av-frame {
    width: 50px;
    height: 20px;
    background: #595959;

    }

    Ozaa
    Participant

    Why if I use the (Advanced Layout Editor) to edit a post, the featured image disappears.
    I have to switch to default editor and edit the post again to make the featured image appear!!!

    And then if I go to (All posts) and reopen the post again I got this message: (This block conatins unexpected or invalid content) with tow buttons (Resolve, Convert to HTML) and the following code:
    [av_textblock size='' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jui3xkwi' admin_preview_bg='']
    [/av_textblock]

    #1090727

    Hey Javier,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    #top .price span.woocommerce-Price-amount {
        font-size: 16px;
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1090606

    Topic: Theme Creative Studio

    in forum Enfold
    gharry79
    Participant

    Hi all,
    I can´t change the footer style (menue). Where I have to mange the size, color and font only for the footer (because I can´t read the footer well)? I made changes in the Enfold General Settings, but without effects. Thank you.
    My site (in building): freidenka.at
    Best,
    Harry

    #1090543

    In reply to: Tab Control

    Hello!
    I have the same problem,
    Iused the code shown om yours guide but it is not run.

    /* CSS – Tab font slyles */
    .av-inner-tab-title {
    font-size: 15px;
    font-weight: 900;
    letter-spacing: .5em;
    line-height: 24px;
    }
    Best regards,
    Sacha

    #1090479

    Hey schweg33,
    Yes this can easily be done with css rules in your Quick CSS field.
    For example, on my demo site the copyright text is 11px, so to change it for mobile I would use this css:

    @media only screen and (max-width: 767px) { 
    span.copyright {
    font-size: 8px !important; 
    }
    }

    To change the padding, or it’s actually the margin, my container width is 85% percent of the screen, so to change or remove it all I will use this css:

    @media only screen and (max-width: 767px) {
    .responsive #top #wrap_all #socket > .container {
        width: 100% !important; 
        max-width: 100% !important; 
    }
    }

    If this doesn’t help, then please link to your page and try to explain a little more what you would like.

    Best regards,
    Mike

    #1090469

    Hey Lori,
    Sorry for the late reply, I took a look at your site and to change your titles to mixed case, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    .template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
        text-transform: none !important; 
    }

    This is for the title “Structural Engineering”, your h3 headings below it seem to have been typed in as all caps, please manually change.

    To set the slider container width for the title and caption to be the same and specify the width and set to mixed case:

    h2.avia-caption-title,.avia-caption-content p {
    width: 300px !important;
    }
    div .slideshow_caption h2 {
        text-transform: none !important; 
    }

    Please feel free to adjust the width to suit.

    To add a arrow to your button save it with no text or label, for this example I used the “light” button styling so it would just be a button border.
    Then use this css:

    .avia-slideshow-button::before {
      content: "\e889"; 
      font-family: entypo-fontello;
       font-size: 40px;
      color: #fff;
    }

    and this is the result:
    2019-04-13-180532

    Best regards,
    Mike

    #1090464

    Hi,
    Sorry for the late reply, I tried a few different tricks but they didn’t work because in the editor when the page is opened it is treated as an iframe, which means you can’t adjust the css in the DOM.
    So your last hope is to manually change the file: /enfold/config-gutenberg/css/avia-gutenberg-editor.css
    on about lines 172-180 you will find:

    	blockquote{
    	border-left-style:solid;
    	border-left-width:7px;
    	padding-left:20px;
    	margin-bottom:1em;
    	margin-right:1em;
    	font-size: 1.235em;
        line-height: 1.5em;
    	}

    change the font-size to 1em;
    then save and clear your browser cache.

    Best regards,
    Mike

    #1090348

    In reply to: Icons in the main menu

    Hi,

    Thank you for getting back to us.

    First upload the flaticons to enfold theme

    Then add the shortcode without the icon size as mentioned in the below link

    Best regards,
    Vinay

    #1090014
    esven
    Participant

    Hello,
    first of all, I want te repeat, that I really love your theme and I’m learning a lot.
    Now I´m updating my fotopage and I want to add a vertical text at the left and right side to the boxed background.
    I guess I have to add some text to the left and right frame.
    Now I’m not very sure where I have to start. I’m learning and I love it, but now I´m stuck.
    Its posible to add something like this to the header

    <div class=”av frame av-frame-left”>
    <span class=”av-frame-left-text”>
    Julia
    </span>
    </div>
    <div class=”av frame av-frame-right”>
    <span class=”av-frame-right-text”>
    sven
    </span>
    </div>
    and modify the child css?

    .av-framed-box .av-frame.av-frame-hor .side-panel-text {
    padding-left: 50px;
    display: block;
    position: absolute;
    top: 10%;
    left:10%;
    text-align: left;
    text-transform: uppercase;
    font-size: 1.3rem;
    letter-spacing: .24em;
    font-weight: bold;
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-120deg);
    transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    padding-bottom: .2rem;
    }

    .side-panel-text {position: relative;}
    .side-panel {position: fixed; top: 0; z-index: 210;}
    .av-frame-left {left: 0;}
    .av-frame-right {right: 0;}

    Its plenty of errors, I’m just trying.
    I know this is not your job, but I hope you can give me some advice.

    Or is there a easy way to add a vertical text to left and right?

    Thanks a lot and sorry for bothering you.

    #1089988
    mediafacto
    Participant

    Hello,

    i have a front problem on this home page, there a issue with the bloc “list with icons” on the theme
    when there is more than a bloc “list with icons” on a “color section” the text and icons of the second and third bloc have no style.

    and when a look the your code i can see there is 2 time the word “style” for this blocs :

    style=’ style=’background-color:#ffffff; border:1px solid #1ea8de; color:#032f5c; font-size:18px; ‘background-color:#ffffff; border:1px solid #1ea8de; color:#032f5c; font-size:18px; ‘

    you can see the issue on the front of this page : at the middle of the page : “nos domaines d’interventions”

    #1089756

    Hey Антон,

    Add this to quick css:

    #av-burger-menu-ul a{
        margin:20px!important;
        font-size:11px
    }

    Best regards,
    Jordan Shannon

    #1089467
    wvanderzee
    Participant

    I’m using a child theme. Changes made in the child theme stylesheet won’t load for any reason. Any suggestions?

    For this example, it’s for styling of the h2.av-milestone-date. I want to change the font-size using the child theme stylesheet.

    I’ve created two screenshots. The first is showing – a part of – the child theme stylesheet. The second – with dark background – is the stylesheet how it is loaded on the website. This second screenshot is from Chrome developer sources tab. I’m not using any caching plugin.

    • This topic was modified 6 years, 11 months ago by wvanderzee.
    #1089444

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling:

    .home .av-countdown-time-label {
      font-size:12px !important;
    }

    Best regards,
    Rikard

    #1089425

    In reply to: Hamburger menu

    Hi,

    Please try to replace the CSS you posted with this instead:

    .av-hamburger strong {
        font-size:16px;
        display: block;
        position: absolute;
        top: -40px;
        left: 50px;
    }

    Best regards,
    Rikard

    Hi AlexBellaTropea,

    I have added the shortcodes in Header > Extra Elements > Phone Number or small info text:
    phone:

    [av_font_icon icon='ue854' font='entypo-fontello' style='' caption='' link='' linktarget='' size='16px' position='left' animation='' color='' av_uid='av-juc5j5ty' admin_preview_bg=''][/av_font_icon]

    email:

    [av_font_icon icon='ue805' font='entypo-fontello' style='' caption='' link='' linktarget='' size='20px' position='left' animation='' color='' av_uid='av-juc5j5ty' admin_preview_bg=''][/av_font_icon]

    In Enfold > Performance > Disabling of template builder elements > set this to Always load all elements. (needed to show icon element)
    Then to make a bit of modification, I added this css code in Quick CSS, located in Enfold > General Styling:

    #top .phone-info .av_font_icon {
        display: inline-block;
        float: none;
    }
    
    #top #header_meta .phone-info a {
        margin-right: 12px;
    }

    Best regards,
    Nikko

    #1089205

    Topic: Tab Control

    in forum Enfold
    envatojlc
    Participant

    I have discovered that the CSS that I have been using to control the label format of the Enfold tabs no longer works since the latest Enfold updates. I had been using the following tab CSS format. Consequently, I have stripped the code. Here is the CSS that I was using.

    .tab_titles div {
    padding:5px;
    margin:10px;
    font-size:20px;
    }

    Can you provide me the correct code? The link to one of the pages where tabs has been implemented is provided in the Private Content.

    #1089084
    Sascha
    Participant

    Hi,

    I can’t figure out how to change the color of the word ‘menu’ I added with the next code:

    /* Add word menu next to hamburger icon
    /*————————*/
    .av-hamburger strong {
    display: block!important;
    position: absolute;
    left: -90%;
    top: 0;
    font-size: 20px;
    transform: translate(-90%, -44%);
    }

    As you can see the word menu is green and the burgermenu is white and I want the word menu also to be white. But will scroll down it has stay green as it is now.

    Can you help me out?
    Best regards, Sascha

    #1088946
    messmeriza
    Participant

    Hi there,

    I’m try to figure out how wide the columns are for the turquoise area on the homepage http://staging.pointgreyfiesta.net/

    I have placed 4 images and animated numbers. The word WEEKS (animated numbers) gets cut off on a 1440px wide Macbook Pro screen. I have asked in another thread how to change the font size. But ideally I would like it to automatically adjust the width so that it doesn’t scale each column and create so much space in between them.

    Also it’s scaling the Save the Date image and aligns it to the top. Can you please tell me what pixel width it can have (maximum) and how to align all 4 images horizontally centered so that they are not aligned at the top.

    Thanks,
    Carolin

    #1088944
    messmeriza
    Participant

    Hi there,

    I have tried to change the Text Font Size to 20px, 15 px and 10px to try and adjust it so the word WEEKS is completely showing up when you look at the homepage on a 1440px wide Macbook Pro screen. But no matter what font size I choose nothing changes.

    Can you please let me know where else I need to adjust something.

    Thanks,
    Carolin

    Hi Victoria , thanks for taking a look !

    That helped , I played around with the code and below is what i ended up with to get as close to the client mock up as possible. Just in case others might want to know ! You guys are great here !!! It looks good in all browsers Edge, IE11, Chrome, Firefox , safari

    How ever It looks a little wonky on IPhone though in portrait and landscape. any thoughts ?

    ======================================================
    #sub_menu1.av-submenu-container,
    #sub_menu1.av-submenu-container .container {
    background: transparent;
    max-width: 100% !important;
    }
    #sub_menu1.av-submenu-container .av-subnav-menu {
    display: flex;
    justify-content: space-around;
    }

    #top #sub_menu1 .av-subnav-menu > li.current_page_item {
    background-color: #75253e !important;
    border-bottom: 0px solid #75253e !important;
    padding: 15px !important;
    }
    #top #sub_menu1 .av-subnav-menu > li.current_page_item > a,#top #sub_menu1 .av-subnav-menu > li > a:hover {
    color: #fff !important;
    }
    #top .av-subnav-menu li a {
    font-weight: bold;
    font-size: 23px;
    padding: 15px 0px 15px;
    =============================================================

    • This reply was modified 6 years, 11 months ago by webworm72.
    #1088841
    btaefi
    Participant

    Hi there, I have an issue with the icon list:

    I have divided a page into half using the 1/2 layout elements and have an icon list in each half. When I modify the style on the right half it does not take place. As an example, if I change the font to size 12, it will still stay large.

    Anyone else having this issue?

Viewing 30 results - 5,281 through 5,310 (of 18,734 total)