Hi I'm trying to resolve two challenges with tweaks to the theme.
I am using a combination of full width content and left and right padding of 4% throughout the site to create a consistent margin while giving me control over the width.
Previously you've been great at helping me tweak the header etc to make it behave nicely... I'm hoping you can help with the portfolio and the footer.
1. The portfolio at this link is having a margin or padding problem or an issue with its width calculation. Can you tell me how to target it to make the margin correct or at least stop the images in the far right column from being cropped short.
2. If you condense the browser window down to tablet size or smaller you will see that the name 'Elliot Ramsay' in the footer widget area jumps in and does not respect the page margin... can you help me to make this work like you did with the header.
I have tried looking for things to target in the CSS but I'm afraid I'm not having any luck.
1. You need to remove the column padding in the Portfolio Column . See screenshot : http://prntscr.com/lv2dvf .
2.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (max-width: 1000px) and (min-width: 1px) {
#footer-widgets .container .row > div:last-child {
display:none !important;
}
#footer-widgets .container .col {
margin-bottom: 0px !important;
}
}
The custom CSS does not appear to be changing the footer elements behaviour when using a small viewport size. It still kicks inwards compared to what you helped me achieve in the header... any other ideas?
Also re the padding in my pages and my second problem with the portfolio element on the 'Archive' page.
I'm trying to have a consistent 4% padding or margin throughout the site. If I remove the padding then yes the 'portfolio' stops cropping off... but I'm stuck with the margin/padding that is applied to that component by default.
Is there a way for me to control the 'portfolio' components placement in the rendered page?
What can I target to achieve my desired margin space.
Sorry hopefully this will clarify the matter regarding the footer (see pic).
I also have noted a Filter alignment item that I would love to fix (see pic).
I'll give up on trying to make the margins behave on the Portfolio page the way I want with regard to the images aligning... I've included a pic so you can see what I wanted to change.
Hi I'm trying to resolve two challenges with tweaks to the theme.
I am using a combination of full width content and left and right padding of 4% throughout the site to create a consistent margin while giving me control over the width.
Previously you've been great at helping me tweak the header etc to make it behave nicely... I'm hoping you can help with the portfolio and the footer.
1. The portfolio at this link is having a margin or padding problem or an issue with its width calculation. Can you tell me how to target it to make the margin correct or at least stop the images in the far right column from being cropped short.
2. If you condense the browser window down to tablet size or smaller you will see that the name 'Elliot Ramsay' in the footer widget area jumps in and does not respect the page margin... can you help me to make this work like you did with the header.
I have tried looking for things to target in the CSS but I'm afraid I'm not having any luck.
Thanks
Elliot
Hey Again,
1. You need to remove the column padding in the Portfolio Column . See screenshot : http://prntscr.com/lv2dvf .
2.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (max-width: 1000px) and (min-width: 1px) { #footer-widgets .container .row > div:last-child { display:none !important; } #footer-widgets .container .col { margin-bottom: 0px !important; } }Thanks
ThemeNectar Support Team
Hi Tahir
Thanks... for the reply.
The custom CSS does not appear to be changing the footer elements behaviour when using a small viewport size. It still kicks inwards compared to what you helped me achieve in the header... any other ideas?
Also re the padding in my pages and my second problem with the portfolio element on the 'Archive' page.
I'm trying to have a consistent 4% padding or margin throughout the site. If I remove the padding then yes the 'portfolio' stops cropping off... but I'm stuck with the margin/padding that is applied to that component by default.
Is there a way for me to control the 'portfolio' components placement in the rendered page?
What can I target to achieve my desired margin space.
Thanks
Elliot
Hey Again,
- The css seems to be working for mobile as well : http://prntscr.com/lxhc5d . Could you elaborate ?.
- Not sure i understand what you are referring to as regards the portfolio . Could you provide a screenshot of how you want it ?.
Best
ThemeNectar Support Team
Hi Tahir
Sorry hopefully this will clarify the matter regarding the footer (see pic).
I also have noted a Filter alignment item that I would love to fix (see pic).
I'll give up on trying to make the margins behave on the Portfolio page the way I want with regard to the images aligning... I've included a pic so you can see what I wanted to change.
Thanks for helping me.
Elliot
Hey Again,
Those alignments are dependent on Percentage values so setting a exact value is not possible and would likely require lengthy css workarounds .
Best
ThemeNectar Support Team