Thanks CarlosCampo!

1. Add this into the custom css box located in your salient options panel:

body .project-title .section-title {
    padding: 0px !important;
    text-align: left!important;
}
#portfolio-nav {
   display: none!important;
}

2.

.project-title .container {
   display: none!important;
}

Cheers

Thank you for your response…

Another two questions..

1. How could I use the css box change the position of the social media icons on the portfolio page with side bar. I would like the icons to be located below the text. Is that possible or I would have to modify the code?

2. Would be possible to reduce the total width of the website, the 1200 px to other dim.

I had tried to find those answers on previous comments but not luck!

Very happy with my purchase and the service!

And

3. it is possible on portfolio side bar to change the position of the bar to the left and show images on the right?

Hey again!

1. This would require modding the simgle-portfolio.php file.

2. If you disable the “extended responsive design” option in your general settings tab of the Salient options panel, the max width will actually drop to 1200px

3. Add this into the Custom CSS box located in your Salient Options panel:

 .single-portfolio #post-area {
    float: right!important;
    padding-left: 41px !important;
    padding-right: 0 !important;
}

Cheers

Thanks again!

Much appreciated : )

Sorry but probably I haven’t explained myself properly. Regarding to point 2. what I actually would like is to have less than 1200, for example 1000 or 800 px total width and everything scale relative to that. Would that be possible?

Cheers!

You’re welcome!

Add this into the Custom CSS box located in your Salient Options panel:

 @media only screen and (min-width: 1000px) {
   .container {
      max-width: 900px!important;  
   } 
}

Thank you!..

That scale to 1000px the header and footer, and the portfolio page, which is brilliant, but home slider and the line separating the menu still appears at 1200..

Any idea?

Thanks again : )

Hey again!

Change that to this:

@media only screen and (min-width: 1000px) {
   .container, body #featured .orbit-slide article .container .span_12 {
      max-width: 900px!important;  
   } 
}

can I see your URL to check on the line you’re referring to?

Cheers

Still not working : (

Home slider and still are with 1200px wide. and nectar slider in about is reduce but not completely to line up with the text. And if you go to services, the line separating the menu is still 1200 px..

http://carloscampo.es/salient/

Thanks!

Hey tomsato!

There’s an option in the Salient options panel > footer options to “Disable Automatic Copyright” – check the box for that option

(this option was added in 3.1.5)

Cheers

Hi ThemeNectar, thank you for your response!

I also have a “double logo” issue, my logo at the top of the page appears twice, even though I have updated the theme to version 4.03. I need help!

Strangely when I deactivate “W3 Total Cache” plugin the problem disappears. Is this a plugin conflict, and if so, is there a fix? I need this plugin because my site gets too slow without it

Oh, and I emptied cache on browser as well. I also confirmed this “double logo” problem on chrome, safari and opera as well…

Hi, I switched over to Quick Cache plugin and the “double logo” problem has disappeared…

Another question: how do you change the size of the toggle title size in toggle accordion? Since updating to ver 4.03, the font size has become smaller and I want the toggle title to be bigger than the text that appears when you click that title!

I tried this custom css but it doesn’t seem to work body .toggle h3 a { font-size: 16px!important; } . Thanks in advance

Hey tomsato!

Glad you sorted the issue

As for altering the toggle – that snippet seems correct. Can you kindly provide me with the URL where it’s not working?

Cheers!

Hi ThemeNectar,

Thanks for your response, please check out my website at: https://dl.dropboxusercontent.com/u/86001863/Website.txt

Your help will be highly appreciated.

I don’t know why that custom css snippet doesn’t work either

Thank you in advance!!

Thanks! I actually don’t see that snippet:

body .toggle h3 a { font-size: 16px!important; }

getting applied on your setup. Anyway you could allow me to log in quickly and check your custom css box?

I iust realized I had changed it to 22px to make font size bigger but still that didn’t change a thing. How do I allow you to log in? Can you give me your email please? To make it easier I will paste my custom css box entries below, please advise what to fix

.widget {
   font-size: 15px!Important;
}

#header-secondary-outer {

   background-color: #f7f4f9!important;
}
 #header-secondary-outer a, #header-secondary-outer nav ul li {
  border: 0px!important;
}

@media only screen and (min-width : 1px) and (max-width : 1000px) {
   body header#top #logo img { 
      height: 54px!important;
   } 

   body .toggle h3 a {
   font-size: 22px!important;
}

   #header-outer {
      height: 80px!important; 
   } 
}

#mobile-menu #mobile-search, header#top nav ul #search-btn {
   display: none!important;
}

@media only screen and (max-width : 690px) {
  body .swiper-container .swiper-slide .content p {
    font-size: 40px!Important;
  } 
  body .swiper-container .swiper-slide .button a {
    font-size: 40px!Important;
  }
}

#featured article .post-title h2 span {
   background-color: transparent!important;
   box-shadow:0px 0px 0px!important;
}

#featured article .post-title a {
    border-color: transparent!important;
}

#featured article .post-title a {
   background-color: transparent!important;
}

body #header-secondary-outer nav ul li a {
    font-size: 18px!important;
}

#copyright .span_5 {
   width: 85%;
}
#copyright .span_7 {
   width: 20%;
}

html body, html body p {
  color: #000;
}

.swiper-slide .content p {
   color: #fff!important;
}

.swiper-slide .content p, body .testimonial_slider blockquote, body .testimonial_slider blockquote p {
   color: #fff!important;
}

.row .col.section-title {
   margin: 0px!important;
   border: none!important;
}

#header-secondary-outer ul {
    top: 10px;
    position: relative;
}
body #featured .orbit-slide article .container {
    margin: -25px auto 0!important;
  }

#featured article .post-title h2 {
  max-width: 800px!important;
}

#header-secondary-outer {
  padding-bottom: 2px!important;
}

.sf-menu ul {
  width: 21em!important;
}

body #header-secondary-outer {
  border-bottom: 0px!important;
}

#header-secondary-outer #social {
  float: right!important;
}

The issue is that you have it inside of a media query that only applies to mobile devices:

@media only screen and (min-width : 1px) and (max-width : 1000px) {
   body header#top #logo img { 
      height: 54px!important;
   } 

   body .toggle h3 a {
   font-size: 22px!important;
}

   #header-outer {
      height: 80px!important; 
   } 
}

Change that section to this

 
@media only screen and (min-width : 1px) and (max-width : 1000px) {
   body header#top #logo img { 
      height: 54px!important;
   } 
   #header-outer {
      height: 80px!important; 
   } 
}

body .toggle h3 a {
   font-size: 22px!important;
}

Thank you so much!!!! I completely missed that mistake and had no idea! You are absolutely brilliant, you deserve 100 stars for your consistently superb customer support!

Thanks so much!

Cheers

One more question please:

I have my social icons (facebook, twitter, etc) at the footer and at the moment, they are positioned on the left hand side. Can you provide me with a custom CSS to change their positioning so that they are displayed on the right hand side of the footer?

Thank you very much in advance!

Anyway you can provide your URL again? The dropbox text file seems to be gone.

Cheers

Hi ThemeNectar!

Sorry about that!!! Here it is: https://dl.dropboxusercontent.com/u/86001863/URL.txt

Thank you in advance

correction-function on this site is dead. I meant of course “You know what I mean..:”

Hey Peter, currently it already appears you have a Full width BG header with the transparent header – are you attempting something else that I’m just not clear on or have you sorted this one?

Cheers

I wanted the gray area to be the bg image as well. And that the background image would not scroll but be fixed?

If you’re referring to the secondary navigation bar when you say “gray area” than that would take some custom development. When you’re asking for the BG image to be fixed – is this what you wanted?

#page-header-bg {
    transform: translate(0px, 0px) !important;
    -webkit-transform: translate(0px, 0px) !important;
}

(add that into the custom css box of course)

OK- I have now built a page on which I can display what I mean (and I believe many other of your customers would like this feature as well!). Now: On the page I wanted the video (or image) to be NOT only on the row, but covering the entire page. That means replacing the header, body background. Also I wanted the background to be fixed and not scrollable. Do you know what I mean now?

Ah, that makes more sense now! Unfortunately this wouldn’t be possible without some custom development – but you could kind of get away with this effect with css alone if you just want an image. (Add this in your page css box in the visual composer view)

.container-wrap {
   background-image: url('your-image-src.jpg');
   background-attachment: fixed!important;
}

ok. So lets say its not possible to show it underneath the menu… is it possible then to “fix”/ hold the video still, with no scrolling?

The css I provided was a workaround for an image BG only – handling a static video BG in the way you’ve proposed would require a bit of custom development

Ok cool thanks. Cant wait for version 4.5 to be released

hey btw – if I DONT want to use the header, but still wanted the header to be transparrent, which code would I then need to use?

OK I found out myself – and now I have like ALMOST what I wanted. However, I still have like 10px from top to row. is that default?