-
Posts
-
Hi there,
Sorry to dump a load of requests but I wonder if you can help me. I have checked the forum and several solutions dont seem to work for me. The font formatting just will not apply
I am;
1. Trying to get the logo centered above the navigation menu (also centered)
2. Change the font and font size for the navigation menu
3. When inserting a video in the theme builder – how can I set the parameters for it ? ( Im looking at vimeo)
and finally
4. when inserting a gallery – the theme ignores the thumbnail sizing for preview. It only resizes based on the number of columns chosen.. I would like 3 columns with 200x200px but this always is ignored and I get something like 3 columns and 450px (full width)
Thanks so much in advance… loving this theme !
I forgot to add 5. How to modify the width on the pop up box on the team member picture which contains the description..
Thx
Finally got 2. to work – including aliasing the google font
fyi adding font-weight: normal; fixes that jagged font issue
/*top menu font & size*/
#top .main_menu .menu li > a {
font-family: “Pathway Gothic One”, sans-serif;
font-size: 20px;
font-weight: normal;
}
/*Top submenu size*/
#top .main_menu .menu li ul a {
width: 100%;
height: auto;
font-size: 16px;
font-weight: normal;
}
Seeing as im self ticking these off I may as well leave them here for others!
1. is party sorted with
#top .main_menu {
left: 175px !important;
}
Logo not centered tho..
1) You can try to center the logo with
.logo.bg-logo{
left: 50%;
margin-left: -100px;
}and instead of -100px insert a custom negative value. You need to calculate it by dividing the image width by 2.
3) We use the standard wordpress oembed api: http://codex.wordpress.org/Embeds and afaik it does not support any additional parameters for the url. You can try to insert the iframe directly though.
4) Yes by default Enfold will always “stretch” the columns to fill out the entire width. The thumbnail size will only change the image inside the column and the thumbnail may look distorted if it’s too small. You can try following code css code:
#top div .avia-gallery img {
width: auto;
}it will overwrite the default width:100% code and the thumbnail shouldn’t re-size if the column width is bigger than the thumbnail width.
Hey dude thanks for the reply.
1. your code for centering logo doesnt have any affect so I reverted to this:
/*center logo*/
div .logo {
float: left;
position: absolute;
left: 50%;
margin-left: -250px
}
This code does – but both logo and menu are not centered when the screen is shrunk…
the same as below with the menu.. centered in hd.. lower res and the margin throws it off to the right along with the responsive menu.
/*center menu*/
#top .main_menu {
left: 175px !important;
}
gallery code just playing with now.
and the vimeo embed Im thinking its the same as gallery – ignoring any size on the vid and stretching it to full column width ?
Thanks for the reply :-)
I can get by with the vimeo embed by adding a full width text block and pasting the iframe code into the code view and centering it in visual mode.. that works !
Hi mrkuji,
The best way to center the logo would be to use its defined width and then auto left and right margin. If we can see the site live I can provide the css for it which should also work as the screen size adjusts.
Regards,
Devin
Hi devin… here you go:
Hello Devin,
I’m also trying to center the logo for different screensizes and mobile devices.
Could you please have a look into this?
Kind regards,
Erik
Hello Ismael,
Thanks for the quick reply.
This works for the wide screens, but not for the smaller resolution on smartphone. it is placed outside the screen.
Maybe a seperate code for that?
i also see that the top address/tel info on the smartphone screen is not align vertically in the center can you fix that as well?
erik
the logo is centered only in full window and when shrunk it moves left and the menu is still offscreen.. :-(
Hi,
It looks fine when I resize the browser. Can you give us a screenshot of what you’re seeing on your phone?
Regards,
Ismael
Hi,
You can use imgur, dropbox, mediafire etc. Embed the image using the img tag.
<img src="IMAGE URL HERE">I would like to inspect site but I think it is on maintenance mode.
Please view the site on different devices using this: http://responsinator.com/
Regards,
Ismael
no its not on maintenance mode.. not sure why you cant see!
logo/ menu misalign
Main site:
You can use media queries to center the menu for different resolutions. Use theme like:
@media only screen and (max-width: 1356px) and (min-width: 1024px) {
#top .main_menu { left: 100px !important; }
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
#top .main_menu { left: 50px !important; }
}
@media only screen and (max-width: 768px) {
#top .main_menu { left: 0 !important; }
}You can insert them into the quick css field and if necessary define new media queries for different resolutions. You can also try to use perecentage values instead of px – maybe this saves you som queries
- The topic ‘Some help with a new install [formatting]’ is closed to new replies.