Okay
  Public Ticket #856071
Changing font size of Portfolio Menu
Closed

Comments

  • Andrew started the conversation

    Hello,

    I would like to increase the font size of the portfolio menu.  I found the suggestion you made to another client to add this to custom CSS, but it did not alter the text:

    body #header-secondary-outer nav > ul > li > a {
        line-height: 13px!important;
        font-size: 24px!important;
    }

     If I removed the "secondary" it modified my main menu.  You should also know that I altered the language of the menu by adding the follow in code to a Raw JS box row on the page.  However,  if I remove the JS box and its code, the portfolio menu still does not change sizes with the above custom CSS.

    <script type='text/javascript'>

    jQuery( document ).ready(function() {
        jQuery('.portfolio-filters-inline #current-category').text('Todos');
        jQuery('.portfolio-filters-inline ul li a[data-filter="*"]').text('Todos');
        jQuery('.portfolio-filters-inline .container > ul li#sort-label').text('Empreendimentos:');
    });

    </script>

    Thank you for you time and help.

    Andrew

    P.S.  My previous gallery image problem which Tahir helped me on, I finally resolved by simply removing the image sizes and leaving them blank.


  •  8,995
    Tahir replied

    Hey,

    Please provide the page url so that i can write up the custom css for whats possible.

    This might help write up Custom CSS: https://support.woothemes.com/hc/en-us/articles/203105957-Customizing-your-theme-with-Firebug .

    Thanks


    ThemeNectar Support Team 

  • Andrew replied

    I would also like to know if I could change the order of the menu items.  My desired sequence would be: Todos, Lançamentos, Em Obras, Entregues.

    Thank you again, Tahir, for your time.

  •  8,995
    Tahir replied

    Hey Again,
    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    .portfolio-filters-inline .container > ul a, .portfolio-filters-inline .container > ul li#sort-label {
        font-size: 15px !important;
    }
    

    As for changing the order use this plugin : https://wordpress.org/plugins/taxonomy-terms-order/ .
    Be.st


    ThemeNectar Support Team 

  • Andrew replied

    Thank you Tahir.  That worked for the font size.  I`ll try the plugin.

  • Andrew replied

    Tahir,  good morning.

    I have a different question, but I couldn’t submit a ticket because this one is open.  I will ask it here, but if you need me to submit it separately, please close this ticket.   I would like to have my main portfolio page thumbnail images (which link to the various portfolios) not have the Title of the portfolio appear on hover.  I have managed to do it as you can see here: http://cademaconstrucoes.com.br/WPsite2016/test/empreendimentos/  

    The problem is that the only way I have figured out to do this is by removing the names of every portfolio.  However they become hard to edit this way because they all appear with  the same ”no title” on the list portfolios page.  I am also worried that by them all having the same title (by virtue of that field being empty) that this will eventually cause some problem , a conflict which will result in their links being broken.  (Let me be clear, their permalinks are different, reflecting their old title, it is the title field that is empty).  Is there a different way for to suppress the portfolio titles from appearing on hover but still have the nice zoom effect without the workaround I did above.  The effect I am using is ”Meta on hover and Entire Thumb Link Alt”

    Thank you for your time and attention,

    Andrew

  •  8,995
    Tahir replied

    Hey ,
    You can simply hide it with css.
    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    .portfolio-items .col .work-item.style-3-alt h3 {
        visibility: hidden !important;
        opacity: 0 !important;
    }
    

    Best.


    ThemeNectar Support Team 

  • Andrew replied

    Tahir,

    That worked and I have put the site on the air and it is functioning well. I have one more question which is how to change the "Back" in the mobile dropdown navigation sub menu to say "voltar" (it's Portuguese). It is in the sub-menu on a mobile device when you click "empreendimentos" (www.cademaconstrucoes.com.br).

    Thank you Andrew

  •  8,995


    ThemeNectar Support Team 

  • Andrew replied

    Tahir

    I managed to get it to work after a few false starts.  Thank you for all of your support and time.

    Andrew

  • [deleted] replied

    Hi Andrew, where u include this code 

    <script type='text/javascript'>

    jQuery( document ).ready(function() {     jQuery('.portfolio-filters-inline #current-category').text('Todos');     jQuery('.portfolio-filters-inline ul li a[data-filter="*"]').text('Todos');     jQuery('.portfolio-filters-inline .container > ul li#sort-label').text('Empreendimentos:'); });

    </script>


    Thnks

  •  8,995
    Tahir replied

    Hey Robert, 

    The easiest way is to Translate the Theme. This guide will explain the steps needed :https://themenectar.ticksy.com/article/5912/ . As for your question regarding adding the Javascript you have to add it in Salient Theme Options Panel -> General Settings -> CSS/Script Related Section

    Best.


    ThemeNectar Support Team 

  • [deleted] replied

    Thx Tahir, i install loco and translate some text, but i want translate Horizontal Filters in sortable menu, (All -> Todos), but loco only translate sort portfolio text area, "All" is not modified, and paste the code:

    <script type='text/javascript'>jQuery( document ).ready(function() {     jQuery('.portfolio-filters-inline #current-category').text('Todos');     jQuery('.portfolio-filters-inline ul li a[data-filter="*"]').text('Todos');     jQuery('.portfolio-filters-inline .container > ul li#sort-label').text('Empreendimentos:'); });</script>.

    in Salient Theme Options Panel -> General Settings -> CSS/Script Related Section and dont work.

    ^_^
    It is possible in salient, hide sections of home page, for view from mobile?

    tnx


  •  8,995
    Tahir replied

    Hey Again,

    You have to add the Script code in the Google Analytics Section and not Custom CSS Box as it is JS code not css . 

    Best.


    ThemeNectar Support Team