Hi there, we have the newedge template installed on our live site.
We are using the default theme, and we have customized it.
We are now creating a new front page (not visible yet) through SP Page Builder.
Our temp page is found in Sp page builder is: Ask me for url
See the following screen for what I am referring to: https://snipboard.io/VF1fAN.jpg
We have a few support questions.
1.
ROW 1, Slider and images.
A) We need full width of the page.
B) We need NO spacing in between slider and images on right.
C) We need NO spacing below slider and images where it meets the VIDEOS section.
Can you share with me the code to make this happen? For we dont want to affect
the live front page.
* Here is a screenshot of before: https://snipboard.io/2gbtMz.jpg
* Here is a screenshot of what we want it to look like: https://snipboard.io/TugGCB.jpg
2.
ROW 2, videos.
A) We need full width of the screen of this row.
B) We need NO spacing in between, or top or bottom and after each video.
Can you share with me the code to make this happen? For we dont want to affect
the live front page.
* Here is a screenshot of before: https://snipboard.io/qRfmd5.jpg
* Here is a screenshot of what we want it to look like: https://snipboard.io/f3E7mT.jpg
3.
Row 3, countdown feature.
We need that in full width of page, no spacing on the left.
Can you share with me the code to make this happen? For we dont want to affect
the live front page.
* Here is a screenshot of before: https://snipboard.io/KYU4sZ.jpg
* Here is a screenshot of what we want it to look like: https://snipboard.io/Vt7rEy.jpg
4.
Row 4, Instagram feature.
A) We need full width of page
B) We need NO spacing for top, left, right, bottom.
Can you share with me the code to make this happen? For we dont want to affect
the live front page.
* Here is a screenshot of before: https://snipboard.io/AO9Dox.jpg
* Here is a screenshot of what we want it to look like: https://snipboard.io/IPJHhR.jpg
5.
Row 6, meet the drivers.
A) We need full width of page
B) We need NO spacing for top, left, right, bottom.
Can you share with me the code to make this happen? For we dont want to affect
the live front page.
* Here is a screenshot of before: https://snipboard.io/CDvF7i.jpg
* Here is a screenshot of what we want it to look like: https://snipboard.io/Zle5kB.jpg
6.
Please let me send you login details to the admin section via email. Please tell me how to do this.
PLEASE NOTE: FULL WIDTH OF SCREEN NOT TO BE APPLIED TO HEADER MENUS AND FOOTER SECTION.
Archived Forums
- Newedge
- Wednesday, 04 December 2019
for 3 & 4 use custom CSS, how to use it - read in Helix documentation
------------
ad 2) Yes, it's grid struture. If you ever play with puzzle or tetris game you should know.
---
ad 3) Instagram -- it's no issued, it's default style from SPPB, solution
------------
ad 4) MEET THE DRIVERS
---------------------
ad 5) In Addon options in Style Tab, there is default margin, easy to find 0-0
------------
ad 2) Yes, it's grid struture. If you ever play with puzzle or tetris game you should know.
---
ad 3) Instagram -- it's no issued, it's default style from SPPB, solution
.layout-classic .sppb-instagram-image {padding: 0;}
------------
ad 4) MEET THE DRIVERS
.latest-post.sppb-col-sm-3.intro_item {padding: 0;}
---------------------
ad 5) In Addon options in Style Tab, there is default margin, easy to find 0-0
Hi. Let me insert my five cents.
1) max-width: auto; - is not the right code. Such values at this property can not be. Return it back to 100%.
2)Never edit system and template files. To override css use custom.css file.
3) For the selection of the desired size of the logo on mobile devices, play around with the settings the size of columns in the Header section (in the Layout Builder). Remember, the total size of all the columns should not exceed the number of 12.
4) If, after step 3, you will not be able to achieve the desired size, then this can be achieved using css. But a completely different way, different from what you were trying to do by editing the line in 1254.
5) Many questions for you will become clear if you look at Helix Ultimate documentation carefully.
1) max-width: auto; - is not the right code. Such values at this property can not be. Return it back to 100%.
2)Never edit system and template files. To override css use custom.css file.
3) For the selection of the desired size of the logo on mobile devices, play around with the settings the size of columns in the Header section (in the Layout Builder). Remember, the total size of all the columns should not exceed the number of 12.
4) If, after step 3, you will not be able to achieve the desired size, then this can be achieved using css. But a completely different way, different from what you were trying to do by editing the line in 1254.
5) Many questions for you will become clear if you look at Helix Ultimate documentation carefully.
Hi. Let me insert my five cents.
1) max-width: auto; - is not the right code. Such values at this property can not be. Return it back to 100%.
[attachment]1.jpg[/attachment]
2)Never edit system and template files. To override css use custom.css file.
3) For the selection of the desired size of the logo on mobile devices, play around with the settings the size of columns in the Header section (in the Layout Builder). Remember, the total size of all the columns should not exceed the number of 12.
4) If, after step 3, you will not be able to achieve the desired size, then this can be achieved using css. But a completely different way, different from what you were trying to do by editing the line in 1254.
5) Many questions for you will become clear if you look at Helix Ultimate documentation carefully.
Hi Paul, thanks so much for your excellent support and reply. All noted.
I have just changed the template.css back to its original code and will always use custom.css from this point on.
Regarding your reply on step 4, can you share some CSS to get my desired size for the logo please? It would be very much appreciated.
500 x 150 would be ideal for the logo.
It looks like you do not quite understand how it works.
If you make the size of the logo as you want, it will look as follows on the iphone:
I do not think you want it so.
Image varies proportionally depending on the width of the screen and depending on width of its wrapper . Your Header is divided into two columns, which are a wrappers for the logo and menu. Now you have division 4 + 8. 4 for the logo, and 8 for the menu.
From the size of the columns depends the objects size , placed inside columns. On mobile devices, you do not need a wide column for the menu. Therefore, you can increase the column for the logo that will make it bigger. In your case it would be a good size 10 + 2 columns for mobile devices
Therefore the first thing you need to start - to read the documentation Helix, and play around with the settings grid system for different screens. And just in case you can not adjust the size of the logo on any screen size, as you like, it can be corrected by using css.
Hi. Use an image instead of background image.
And please provide a link to the page that it would not have to rewrite from the screenshots.
For clarity - I am not a member of the support team. Just a user, like you.
And please provide a link to the page that it would not have to rewrite from the screenshots.
For clarity - I am not a member of the support team. Just a user, like you.
ad 2) yes, indeed.
---
OR
3) Instead of article addon there, use static content build using two addons
it may work, if you don't change drivers too often
---
OR
3) Instead of article addon there, use static content build using two addons
it may work, if you don't change drivers too often
ad 2) yes, indeed.
---
OR
3) Instead of article addon there, use static content build using two addons
it may work, if you don't change drivers too often
HI Paul, thanks once again for your excellent support, can you share with me instructions for point 3 please?
There are no replies made for this post yet.
Be one of the first to reply to this post!
Be one of the first to reply to this post!