Trailer Boxes and Spacing

vistasme · October 2018

Hi, got a few questions relating to this page that is a work in progress.

http://dev5.incmagazine.me/

1. How can i change the color of the word projects near the middle of the page. I've tried adding the code <h1 style=”color:#cd0000 !important;″>Projects</h1>

2. There are two rows of trailer boxes used. One with 3 columns and another with 5 columns. How can i change the font size of just the one with 5 columns to be smaller to fit the box size, while leaving the one with 3 columns untouched. At the moment they both are dependent on h2.

3. The portfolio section that is added has white spaces on the left and right, that doesnt match the width of the rest of the page. Can this be removed?

4. Is there any way to homogenize the spacing between the tiles on the first row, portfolio and the third row? I assume editing the margins of the portfolio would be easiest. How to do so?

Thanks in advance for the help!

Pablo · October 2018

Hi,

1) It's inside a Muffin Builder.

Find it in 7th section.

2) It require a Custom CSS but it will be advanced one, because all trailer boxes have this same name.

(or name the class in MuffinBuilder)

We only provide the simple CSS.

3) I do not understand at all.

Can you explain me it with Screenshots?

4) homogenize? You mean decrease or increase?

It is possible in Muffin Builder - to increase

vistasme · October 2018

Hi yes, thanks for the quick response.

1, Sorry i dont follow. 7th section of what?

2, Can you let me know what needs to be done so we can create the necessary CSS

3, https://i.imgur.com/B6gIDOS.jpg

As you can see, the edge of the wrap is what matches the width of the website. Is there any way to remove this so the edge of the portfolio matches the website width?

4, Yes I would prefer the vertical spaces between the columns in the tiles, and the portfolio items to be the same. Since you said i can increase the spacing, i guess i have to edit the spacing between columns in rows. Where should i edit them?

I also have a couple of new questions.

5. Is there a way to slign this fancy link to the left edge of the website? https://i.imgur.com/jYCTnoM.png

6. The video in the page. Is there a way to have the controls hidden by default? I know the controls are from the broswer after an update some time ago, but i've seen websites that have them off by default. for eg. http://le28thiers.fr/

Cheers.

Pablo · October 2018

I see that you don't know the basics of BeTheme, please be familiar with these videos:
https://www.youtube.com/user/muffingroup/videos
They will introduce you how to use a BeTheme.

1) http://prntscr.com/l6pa8g
The seventh section in Muffin Builder.
It's one of the items inside this sections

2) If you'll add a class 'modificatedTrailer' into this second trailer box,
I'll make this CSS for you.
http://prntscr.com/l6pc27

3) You cannot remove these spaces for this element only. You have to change the whole items width.
To make it, you have to increase the Grid Width in Theme Options > Global > General
http://prntscr.com/l6pcvb

4) You have to edit the row/section of this item in Muffin Builder and apply padding for them.
http://prntscr.com/l6pdkc
http://prntscr.com/l6pdpe

5) Yes, but it will remove all margins on links on your website(or just this page)
Is this ok?

6) This is not a website with BeTheme.

I cannot help you.

Thanks

vistasme · October 2018

Hi Pablo,

None of the screenshots work, or are opening. checked with multiple broswers.

To answer regarding 5, yes its okay if all margins are removed on this page, assuming it doesnt affect the links in say trailer boxes and such. Or if they can be modified back.

Pablo · October 2018

Lightshot(hosting of these screenshots) is having problems.

We have to wait, unfortunately.

5) Paste this code into Theme Options > Custom CSS & JS > CSS

body.page-id-8 .mfn-link{
	margin:0 !important;
	margin-left:-13px !important;
}

Cheers

vistasme · October 2018

Hi Pablo, no. 5 worked and is solved, thank you!

Now that the screenshots are viewable, please find notes below.

1) Yes, you are right that its in the 7th section. https://i.imgur.com/JVON8uB.png

And this is the content inside https://i.imgur.com/FTJafVC.png Is there any reason its not working?

2)I have added the class 'modificatedTrailer' to the three trailer boxes in the 5th section instead of the last section and changed the h2 in trailerboxes for the website to be a smaller size. This is because I think modifying just these three boxes will be easier. You said you can give me the css code?

3) I think you misunerstood. I have already changed the grid width to a certain number that I wanted the website width to be. My problem is that the portfolio section doesnt quite match up that width as seen here https://i.imgur.com/QBWTKUF.jpg The width of the portfolio section is smaller than the section above it.

Thanks again for your extreme support.

Pablo · October 2018

1) It looks like you've made a typo:

http://prntscr.com/l708sw

http://prntscr.com/l709uk

Two different quotation marks.

2)

#Content .modificatedTrailer .trailer_box h2 {
	font-size:13px !important;
}

3) This cannot be changed.
This is managed by script, and it always has a 98% of the width (2% is for margins between images)
Without this, it couldn't work that good.

Thanks.

vistasme · October 2018

Hi, Pablo

Found out the heading shortcode for the headings that solved the problem. Funnily enough, the heading is not part of your list of shortcodes on the product showcase website. And i found a post from one of the customer support reps stating that nobody used it so they forgot it existed lol.

Site is almost done. I have one more section left. there is a plugin that we used to use when we were working with visual composer, and i would like to get one of its functionalities in this site. This is the plugin that made it possible http://preview.codecanyon.net/item/visual-composer-extensions-addon-all-in-one/full_screen_preview/7731868 it's compatible with VC, and since Betheme comes with VC installed, do you know i the plugin will work with muffin builder? Otherwise, what is the way to have part of the site be built in muffin and part in VC, if thats even possible. For eg. in this page http://dev5.incmagazine.me/solutions/

the bottom part is a grid that would ideally have the functionality displayed by the plugin that i mentioned.

Pablo · October 2018

Sorry, but we did not test this script/plugin with the theme.

We only support the basic version of VC.

Unfortunately, we cannot help you with issues addon-related.

Cheers.

vistasme · October 2018

No problem.

Can you tell me if i can compose a page half with muffin and half with VC like stated in the example in the pevious post?

Pablo · October 2018

You cannot use a VC and MB at the same time.

It will not work or it will make a lot of issues on page and on SEO.

You have to decide which page builder do you want to use.

Thanks.

Trailer Boxes and Spacing

Comments