Hi,
i have few questions regarding alignment.
1. I have picked footer style 9 and placed 1 widget in each – for footer 1 image, for footer 2 text and for footer 3 again image. They are all aligned left, so left alignment for footer 1 is ok as its then aligned with rest of the theme above, but to be symmetric, footer 3 should be aligned right, while middle footer 2 should be aligned center, OR all to be aligned center, to get at least symmetric between them, while they would be on exact distance from botch side comparing to margin of the theme.
How to do this? Since i m not programmer and i don’t know css, I have tried with custom CSS option and some of your answers to some other issues, but i failed to do it right.
On other side, i have finished similar thing in main page area (3 elements, alignment etc), but there it is easy with that Visual Composer.
2. I need to make header like this:
logo on the left, and in same row, just on right side, to have custom menu or top header menu whatever it can be used. Under all of it standard Header Main menu. Is this possible, and how?
Thanks in advance on time for checking this.
Bojan
And 3rd, again with alignment, but vertical one:
3. As i mentioned in 1, i ve done in main area in 1st row this:
– split it in 1/6 + 1/6 + 1/3 + 1/6 + 1/6
– in first and last i put small same images, in 2nd and 4th i put separator line and in the middle text.
It end up that they are all upper aligned, so it looks ugly. Is it possible to align all of those in vertical center of each element, so the are all in line through theirs vertical centers?
Hello,
1) The 3 sections of the footer were not designed to be identical width between them. The logo container is smaller so there will be more space for the other containers. If you want them justified, you can use this css code:
.td-footer-wrapper .td-pb-span3, .td-footer-wrapper .td-pb-span5, .td-footer-wrapper .td-pb-span4{
width: 33.33333333%!important;
}
2) This will not be a simple reuqest to do. It requires a bit of customization work which we cannot provide. We do not have a customization department so we cannot provide such services. You will have to chosse a header style that comes close top what you need, or hire a freelancer to customize the layout for you.
3) We only recommend using these columns in visual composer: https://forum.tagdiv.com/how-to-use-visual-composer/ Other layouts could provide ‘broken’ results
Thank you!
Thank you!
Thanks on answer.
1. I ll try to explain better:
I have 1 widget in each of footer – 1 picture (not logo) in Footer 1, text in Footer 2 and 1 picture (not logo) in footer 3. All those i put through appearance> Widgets. Default in theme is left alignment for each of them.
Is it possible to change alignment:
– custom for each of them, as for example Footer 1 left, Footer 2 center, Footer 3 right
– or at least all footers with center alignment, not left?
2. Is it possible to put widget and logo, together with top menu in top bar then?
3. Same question for even only 3 columns: is it possible to change vertical alignment, i.e. how to vertically center anything that is put in any of those 3 columns?
Hello,
1) please provide a link to your site so I can inspect the footer and see if there is a css work-around. There is no setting for this.
2) There are no settings for your requests regarding the header. You cannot move things around. It can be done but only with custom modifications which we cannot provide. Please hire a freelancer if you require customization services as the theme support does not cover custom modifications. We try to help out where we can but only if the modification is not too time=-consuming. This one however will require quite a bit of time and effort as the header is a very complex part of the theme.
3) same as 1)…link please.
Thanks.
Hi Bogdan,
1. and 3.
site: dveri.news
I made temp test homepage with only problems that i run on, both for point 1 and point 3.
In main area, since i used visual composer, its not big deal to center elements in each of those 3 columns. I know, for any position i can use Design Option inside visual composer, which includes height. Also, i can manipulate height with empty objects. But, i was wondering is there option or css command for Custom CSS option in newspaper theme, to align all 3 columns by height? Now they are all by default stick to up to upper margin, or max vertical height, so is there also possibility for vertically center?
For footer i dont know what to do, as i cant see that visual composer cover this part. So, i used theme for footer, put these 3 elements, and now again i have problem with default horizontal alignment. Now it is default left alignment, and i need or center or option to control alignment for each column.
Thanks.
Hello,
The footer elements were not aligned center from the theme copde so they have to be aligned through customization as there is no setting added for this. Luckily the code is not all that complicated:
.td-footer-wrapper{
text-align: center!important;
}
Add this code in the theme panel-> custom css box. Now the footer elements are aligned center.
As for the content elements vertical alignment, the theme has no options to make the text align vertically. It will have to be made custom. You can select the rows to be equal height first so you will have the proper layout for an alignement: http://screencast.com/t/XPuOgaUcSW you can also assign some extra classes to your elements so you will be able to target them with css and then use this guide and choose your preferred method to align elements vertically: http://vanseodesign.com/css/vertical-centering/
Thank you!
Hi again,
I ve put custom code and it works as intended.
For second, i completely missed property for the row, and there is option i need – Content position. So, it has Top, Middle, Bottom, and Middle I was looking for.
Great, thanks and sorry for maybe noobish questions. 🙂
One additional question:
Is it possible to make Row (for example the one we talked about) disappears for mobiles only, since they are shown vertically and its not good looking in this case (waste of space, while visitors needs to scroll down to pass them).
Thank you again.
Hello,
you can assign an extra class to the row in the row settings in visual composer and then use the class to hide the row on mobile using media queries.
Here is an example
If we add the class of “mycustmclass” we would use the css like so:
@media(max-width:767px){
.mycustomclass{
display:none!important;
}}
I hope this helps.
Works like a charm.
Cheers! 🙂
