Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hello, can anyone please give me a way to write (a header) type over site origin hero image with a shadow, that is still responsive and live type with a particular font and size?
Hi Laura83
Very sorry about the late reply. We work through a prioritized forum queue, and unfortunately it’s taken us some time to get to your thread.
https://siteorigin.com/about/forum-thread-prioritization/
Because it’s been a while since you posted this, would you mind letting us know if you still need help? If so, we’ll jump right in.
Yes I still need help with it, also need to know a useful way if you can help me on how to change fonts?, and add shadows to fonts?, unfortunately I don't know css :(, and I have downloaded the siteorigin visual css editor,
which was useful to change fonts on the banners but, then it changes all the fonts on the same page, I am attaching what I wanted to to on the banner.
I also can't use the banner full with cause it doesn't show well on mobiles, so I had to keep all the banners on the middle which looks lame.
:(. I am suffering so much through all this please help me. Is there any plugging or app you recommend to make the site mobile friendly, specially the banners :/, sorry so much asking but thanks a lot if you could help me!!!
this is the site: http://sentientvision.com/vidarmicrosite/wordpress/
Sure.
You could give our Hero widget a try. It has a setting to add a text shadow by default.
https://wordpress.org/plugins/so-widgets-bundle/
If you want to stay with the existing banner setup you can try work through the following threads:
Thread: Tesseract theme: How to make row background images more responsive
So…
I have added this pieces of code to also help responsive images, and mobile/this page is a mess/ but I don't have the time to re-start again :(,
I couldn't find the shadow part though
this is the code I inserted on the begining of the css code:
@media (max-width: 679px) {
.custom-home-hero .textwidget {
padding-top: 50px;
padding-bottom: 50px;
}
Please look the attachment,
Din't find that related to the shadow on the text though. Thank you for your help!
also how can I change the look and feel of the font with your css editor?
Sorry, can you please tel me how can I prevent for this to happen?,
breaking a word?, could you please give me the css code or html that I need to insert for that?, please see attached image
It’s not possible to send email attachments to the forum. To share an image, please, upload it to any public URL and share the link. Your Media Library in WordPress, Dropbox public folder etc. We’ll hopefully be improving this aspect of the forums soon.
Adding text shadow via CSS is more of a theme support/custom development task. It’s unfortunately beyond our scope here on the forums. If you want to dive into the CSS development side of things you can start here with text shadow: https://css-tricks.com/snippets/css/css-text-shadow/. Or, our Hero widget has text shadow as a default setting.
Our CSS Editor getting started video can be found here: Page: Getting Started. Once in the Text tab of the editor you can enter a font-family into the Font Family field. Here how families look in CSS: http://www.cssfontstack.com/.
thank you, yo have been really helpful, can i ask you one last question…
do you know how can i display this post in a nicer way, like shorten the space in between the tittles and if possible include de date… :/
http://sentientvision.com/vidarmicrosite/wordpress/news-2/
Sure :)
The theme handles the display of this list so it’s a little outside of our area. There is very little space between each list item so I’m not sure removing the line-height that is left will help.
You can try something like this:
.widget_recent-posts ul li { margin-bottom: 10px; }There unfortunately isn’t a way to render the date in this core WordPress widget, you’d need to seek out another widget to do the job.
You are a peach!…. just one more thing, sorry for been such a pain, fo you know how to insert this code <?php the_date( $format, $before, $after,
$echo ); ?>
so that the posts display the date automatically?, so far I have just included the date on the tittle, but it should be more like the attachment,
sorry again. Have a great day!
Glad to hear you’re making progress.
You’d need to create a child theme and insert your function as required. Most likely content.php or content-single.php. It depends how the theme is laid out. It’s, unfortunately, beyond the scope of work we can assist with here on the forums.
Thank you so much!! You are great!
For sure :)
All the best.
I have a quick question, what are the measurement to design a banner for the vantage" theme?, do you also offer a parallax theme?, so if I click on a link it takes me there?, thx!!
Sure. Please, find our home page slider dimensions here: https://siteorigin.com/vantage-documentation/getting-started/slider/. Unfortunately, no Parallax focussed theme at the moment but, hopefully soon, we’ll have this functionality working nicely in Page Builder.
Sweet! :) thanks!
For sure :)
Hello,
I have bought your theme vantage to help a friend with a website. I love your theme it's so easy, cool and comprehensible, thank you so much!. I downloaded the siteorigin CSS editor, because I wanted to put her logo big on top of the slider, like it shows on the attached image I made in photoshop. For some reason when I insert the logo into the the previews settings it won't allow me to make it bigger, and it cuts it, can you please help, me? thank you!!
This link… http://www.nextperience.com.au/
Hello,
I have bought your theme vantage to help a friend with a website. I love your theme it's so easy, cool and comprehensible, thank you so much!. I downloaded the siteorigin CSS editor, because I wanted to put her logo big on top of the slider, like it shows on the attached image I made in photoshop. For some reason when I insert the logo into the the previews settings it won't allow me to make it bigger, and it cuts it, can you please help, me? thank you!!
Hi :)
There, unfortunately, isn’t any easy way of placing the logo over the slider from within Vantage settings. It’s something you could perhaps look to do with custom development. Codeable are our recommended developers if you want to go this route. You’d most likely need a child theme and stripped out header for the home page. That would be my guess.
thank you, how do I get rid of the blue hovering colour in the menu, I want to change it for blue, also the image son the slides need to be optimized,
but they look very blury, what is the measurements they should have and dpi do they look crispy and good?, thanks!!!
Hello, I have another question, why I can't copy the css that the title widget offers, in first place how can I remove the hyphenation from the h3 that appears, I can't so I just put the text in another box, but now the spacing looks, weird compared to the rest of the page… please help me,
and if I put the same css I had for h3, looking in the inspector, it doe not look the same font, it looks thicker. Please help me. I have bought this them in regard of support as well, thank you very much!!!
Hi :)
how do I get rid of the blue hovering colour in the menu, I want to change it for blue
Unfortunately, this isn’t our theme. Theme support questions should ideally go to the developer.
also the image son the slides need to be optimized
Background images would need to be optimised locally before uploading.
why I can’t copy the css that the title widget offers, in first place how can I remove the hyphenation from the h3 that appears
If you redo the content, placing the heading back into the widget title field and then let us know how you want it to look, we can assist.
I have bought this them in regard of support as well
I didn’t realise Tesseract had a premium version.
thank you I was actually talking about the vantage theme from site origin,
on this url http://www.nextperience.com.au/
could you please answer the questions for this theme, since its a siteorigin theme? Thank you!
Laura Gutierrez Pinillos
*www.lgportafolio.com* <http://www.lgportafolio.com>
– Behance <https://www.behance.net/gallery/804381/Characters>Linkedin
<https://au.linkedin.com/in/lauragutierrezpinillos>
Dios bendiga tu dia!
2015-11-06 2:52 GMT+11:00 Andrew Misplon <
forum+16643-u23697-06bf107872275b7b5add79959f51d2d7ad88300e@siteorigin.com>:
So sorry about that. When you create a support thread in future there is a field for your order number. If you create a fresh thread next time with the order number filled in, that thread will pop up on my premium list which we deal with as a priority. Thanks :)
how do I get rid of the blue hovering colour in the menu, I want to change it for blue
Go to Appearance > Customize > Theme Design > Menu. You’ll find all the options you need there.
Vantage controls are split between:
a: Appearance > Theme Settings
b: Appearance > Customize > Theme Design
also the image son the slides need to be optimized
Full-width slides are hard to get right. Try our home slider tutorial here: https://siteorigin.com/vantage-documentation/getting-started/slider/. Increasing your image size to 1080 in width and 420 in height to match the slider settings in Meta Slider will help. You can also look at turning off full width at Appearance > Theme Settings > Home.
why I can’t copy the css that the title widget offers, in first place how can I remove the hyphenation from the h3 that appears
Can you please, confirm the widget I should check out and how it should look. I’ll dive in ASAP.
Thanks :)
Sorry, its not a widget it's the css plugin, but the type in the front page is very hyphenated, it looks terrible on mobile, cause I tried to fix the spaces myself on the desktop… how can I fix this?
Also do you know how to use google fonts with this theme?
Hi :)
Text Issue
Which widget are you using? If you’re using the Headline widget you can try the following at Appearance > Custom CSS to resolve:
/* Headline Widget */ #sow-headline-container.sow-headline h1, #sow-headline-container.sow-headline h2, #sow-headline-container.sow-headline h3 { word-break: normal; }The forum doesn’t have email attachment support. You can share images by uploading them to any public location and sharing the link. Thanks.
Also do you know how to use google fonts with this theme?
Appearance > Customize > Theme Design > Fonts
https://siteorigin.com/vantage-documentation/customizations/fonts/
Hello,
Could you please tell me/ give an example of how I can reduce the white space between the menu and the browser, where the logo is, you think if I make the logo smaller the white space will reduce… http://www.nextperience.com.au in this site using the vantage theme,* how in css can I do this please?*,
thank you! ,
how to
Sure. Go to Appearance > Theme Settings > Customize > General > Header Padding.
I have a question, when using siteorigin text editor, when I am typing on wordpress, it seems to be fine, the words are not as hyphenated as they are when I publish the page, when I publish it, look very hyphenated, and with spaces that I didn't have when I was writing on the text editor. Can you please let me know how to correct this, or sttop it to happen, not just on the <h> but on all paragraphs. Thank you!
Hi :)
Reply Images
The forum doesn’t have email attachment support. It isn’t currently possible to email images in forum replies.
You can share images by uploading them to any public location and sharing the link. Thanks.
Editor Problems
Please, confirm a link to a page where I can view the problem and I’ll help correct. Let me know which paragraph to look at. Thanks.
hello, can you please tell me how can close the gap between the menu and the picture? in this link… thank you! http://www.nextperience.com.au/104-2/
<http://www.nextperience.com.au/104-2/>
also, can i parallax effect the slider in this page?
http://www.nextperience.com.au/about-4/
if yes, could you please tell me how?, thank you
Sure :)
Try the following at Appearance > Custom CSS;
/* Services */ .page-id-104 #main { padding-top: 0; } .layout-full.page-id-104 .panel-grid:first-of-type .panel-row-style.panel-row-style-full-width { padding-top: 0; }I’m not sure that Meta Slider has a parallax option. The free version definitely doesn’t. You’d need to seek out a WordPress slider plugin that has a parallax option, I haven’t used one in the past.
Thanks! I'll try that also, do you know why when I go to http://www.nextperience.com.au <http://www.nextperience.com.au>. I should get the about page, but I am not. I am getting a page in blank with some widgets,
and to there I have to actually click on the about page, where that one should just appear as the landing page… thank you!
Sure. Check Settings > Reading. It looks like the front page is set to display your latest posts. Set the front page to display the About page.
Thank you. Do you know how to display the menu on the corner for a mobile display. It stacks really weird
Check that Appearance > Theme Settings > Navigation > Mobile Navigation is enabled.
Thank you very much I appreciate your great support. I want to have a video background on this site http://sentientai.com/wp/ (where the blue is. I am using the SiteOrigin background video
<https://siteorigin.com/thread/siteorigin-slider-and-background-video/> plugin.
I have intalled it, but its not displaying the video, do you have any tips on that
Hi Laura
Video Backgrounds for Page Builder can be found here: https://wordpress.org/plugins/video-backgrounds-for-siteorigin-page-builder/. It isn’t our plugin so support would need to go here: https://wordpress.org/support/plugin/video-backgrounds-for-siteorigin-page-builder.
Alternatively, try a plugin like: https://wordpress.org/plugins/wpmbytplayer/
Hello,
I have a slider right above a blue band, the padding is 0 at the bottom,
but it is showing a really anoying white line , a very little space I dont know how to get rid off, im attaching an image as a reference, could you please help me with a css code thta i can paste on the css editor to get rid of that little ridicouluos space?, thank you!
Laura Gutierrez Pinillos
*www.lgportafolio.com* <http://www.lgportafolio.com>
– Behance <https://www.behance.net/gallery/804381/Characters>Linkedin
<https://au.linkedin.com/in/lauragutierrezpinillos>
Dios bendiga tu dia!
2015-12-07 17:31 GMT+11:00 Greg Priday <
forum+16643-u23697-06bf107872275b7b5add79959f51d2d7ad88300e@siteorigin.com>: