-
-
Hi there,
The theme is GREAT J thank you for developing it.
This is the website: serenademaio.com
I have some questions:
Is it better AND faster to design a page in one big block of multiple rows or having separate blocks?
When my pages load, the top part loads around 150px lower than it should be then 10-15 sec after it readjust to the right level. Why and how do I fix this? For ex. here: https://serenademaio.com/why-serena/
I’m confused by the various Paddings – do you have a doc/video explaining the different paddings?
In some cases, I’m not able to change the color of the text in a row. I want it white, but even if I specify white in the backend, it keeps being grey. How do I fix this? For example in the blue banner “Why people love…” here: https://serenademaio.com/why-serena/
For my home page (https://serenademaio.com ) I want to have a video from youtube close to a text block. If I use the Youtube element, then once the video is over it shows the following videos and I don’t want that. Therefore I’m embedded the video in a text block. When I do that, I would like to have a certain size when the site is loaded on laptop and then a smaller size when on mobile. I’ve set it up as “auto” for height and width, but then the size depends from the text block, which makes the video height very small. How do I avoid this?
When I create a form, how do I ensure the name and email field have a certain length on laptop and another length on mobile? I’m obliged to have 40% for the 2 inlined fields to make sure they are large enough on iphone for the moment, but while they look ok on iphone, they are too big on laptop (serenademaio.com )
Blog: I’ve created posts. When I load the Blog page (the one that shows all my blog posts: https://serenademaio.com/blog/ ) I have a grey background I want instead white: how do I fix that, I can’t find how L I also wonder if that’s the correct page or if I’m using a portfolio page since in the backend it refers to portfolio?
When I share a blog post clicking on the facebook social icon, it doesn’t share the image. How I can fix this?
Speed: do you reco I add W3 cache and/or Autoptimizer to speed up the loading of the website?
What’s the best SEO plugin for this theme?thank you
serena
- This topic was modified 8 years ago by Mirela. Reason: html tags
-
Hello,
Thank you for contacting us. Please see below all issues raised in your ticket.
1-Page’s speed:
You can have one page with multiple rows or have separate pages. The site’s speed is the same, it will not be affected. So just choose what best fits your needs.
To boost your site’s speed you can use these methods: delete all pages/post you do not use; Delete all unnecessary plugins; Install a caching plugin such as W3Total cache;
Read this article for more information: https://codeless.co/how-i-increased-more-than-70-the-speed-of-my-website/2-“When my pages load, the top part loads around 150px lower than it should be then 10-15 sec after it readjust to the right level” -> I don’t get this effect when i access the page. Do you still get it? Can you send a screenshot?
3-Padding:
Can you please be more specific? Where do you want the padding?
The main page builder used by theme is Visual Composer plugin. You can change or add padding to a row by going to Row Settings > Padding Top/Bottom (screenshot). To add padding/margin to column, go to the columns settings (screenshot). There are also the General Options. I suggest you to read our theme’s documentation first and watch the video tutorials to know better and understand all theme’s options.4-Video dimension in home:
If you do not want the video frame to inherit the text block dimensions, then you have to assign other dimensions to it using custom css.
Add this code into your custom css box located in General Options:iframe { width: 500px !important; height: 300px !important; } @media (max-width: 480px){ iframe { width: 340px !important; height: 190px !important; }}
The second block is for the mobile version. With these values this should be the result: desktop screenshot, mobile screenshot. You can always edit it’s values to your wish.
5-Contact form fields width:
Edit the width using custom css. Add this code into yoru custom css box:.wpcf7-form-control-wrap input[type="text"], .wpcf7-form-control-wrap input[type="email"], .wpcf7-form-control-wrap input[type="tel"] { width: 40% !important; } @media (max-width: 480px){ .wpcf7-form-control-wrap input[type="text"], .wpcf7-form-control-wrap input[type="email"], .wpcf7-form-control-wrap input[type="tel"] { width: 100% !important; }}
It will scale them down to 40% in desktop layout and keep the 100% in mobile dimension.
Result screenshot.6-Blog page:
Please go to General Options > Styling Options > Blog Styling > Timeline (or masonry) post box bg color, change the background color here.
If you have chosen this page as your blog page in General Options > Select Special Pages > Select Blog Page, then this is your posts page.7-Facebook share:
Sorry but this is a feature not controlled by theme. The image in fb shares has been removed by facebook developers from some time now.Let us know if you have further questions.
Best regards!
-
Thank you for your answer1
1. you refer to different PAGES, but i’m talking about the same page: shall I have separate blocks in 1 page or 1 single block of multiple lines (=all row embedded in one single block)>
2. here the first seconds, and then after few seconds: https://imgur.com/a/WGF2m
3.thx for the resources – i’ll read/watch!
4. super- exactly what i wanted thx!
5. thx!!
6. thx!
I was also asking:<span style=”color: #4b4d4d; font-family: Raleway; font-size: 14px;”>What’s the best SEO plugin for this theme?</span>
thank you
Serena
-
Hello,
1-This does not pose an issue. It’s more a matter of personal taste and your idea of the layout you want to create. Both structures have no problem. From our side, we would suggest the multiple row layout.
2-I don’t get this delay. So i assume it could be client sided. I suggest you install the cache plugins first. It will increase significantly the page load and javascripts, then this may not happen anymore.
Try and let us know so we can keep an eye on this.-Theme itself is SEO optimized. We use “All In One SEO” plugin, but the “Yoast” plugin is fine too. Use whichever is best for you.
Best regards!
-
hello
i tried .6 . I had already tried that (both #ffffff for white or transparent) and both result in a grey background. Help?
-
hi, not sure why it now worked (#6).
Thank you for all your answers – I have some other questions:
1. countdown: I reduce the size when on mobile? currently on mobile the numbers overlaps. Also can I change color of te countdown and of the background?
2. can i add the social icons directly on the right in my menu? I understand how to place them in the social widget ABOVE the menu, but i would like to have them in the menu.
3. when I visit my website on mobile, the website looks good, but strangely there is a tiny white space on the right of the page, between the page and the end of the screen, as if all the columns were aligned left. Is this normal?
many thanks
Serena
-
Hello,
1-I don’t see any countdown in your site. Can you please post the link? You can change the color and size in mobile using custom css.
2- Add the social widget in “Header Widgetized Area“, but this is available only for the “Navigation with border separators, below logo” header style.
3-Actually no. I see these is a generated code that causes this. Please see screenshot. If you did not add it then it could be generated by some third party plugin installed in theme. Add this code into your custom css box:
@media (max-width: 480px){ .vc_row .vc_row { margin-left: 0 !important; }}
**Regarding no 6, most probably this was just a delay from server to display the changes. It’s advisable to clear cache once in a while so you get the latest changes reflected faster in your site.
Best regards!
-
Thank you Mihaila.
1. I’ve now made visible the counter: https://serenademaio.com/ it’s below the fold.
I’m not working on the speed of the site – thank you for sharing the link:
2. In the section : Eliminate render-blocking JavaScript and CSS the author refers to HTM code, can i place it (once i selected what i need in my case) in the Specular General options fields?
3. Google fonts make my site score worst, if in W3 cache i select to not execute the google fonts, i get a serif font and i’d rather have a sans serif. Do I have the possibility to change that default font, or my only solution is to go via google font? I currently have google fonts + google webfont Optimizer, but while this improves my scoring, it also shows first non-google font (serif) and then the google one, which is not ideal.
Many thanks
Serena
-
Hello,
1-Please add this code into your custom css box:
@media (max-width: 480px){ .countdown_section { width: 98% !important; }}
2-Sorry i don’t understand. Can you please be more clear?
3-You can change fonts used in your theme in General Options > Typography. All necessary changes for fonts usage in theme is done in this section. Also please refer to this article to add more fonts to site.
Let us know.PS: Please open new ticket for future questions. So the forum is easier to browse and other visitors can find better and faster results.
Best regards!
-
You must be logged in to reply to this topic.