Change css directly on css files

Beaver Builder
1

Hello,

Thanks for this plugin.

I created many pages. I would like to make a padding top change of a row on every page of my site. I test to make this change directly on the css file. It worked. Changes are visible.

The problem is if i open the page with the bb plugin area, my first padding top css setting turn back as it was and overwrite the css file changes.

Is there a way i can make this css changes on all pages without opening each one with bb work area ? Is there a way that when we change bb css files, those changes overwrite the settings made by the main bb area worplace ?

Also, i have a question about the future row / module global options but i think it’s better to create a dedicated post for it.

2

Hey Adelino,

Thanks for getting in touch! What file did you put the custom CSS in to? I would suggest placing it on your child themes style.css file. Or, if your theme offers a place for it, place it there.

You should be able to make changes to the global padding of the row via custom CSS but then you’ll lose control over it on a page by page basis.

Ben

3

I have made the row padding top changes in the page css file created by BB on the cache folder (bb plugin/cache/xx-layout.css file)

I have a row content saved as a template used at the top of every page of my site. I would like to change the padding top from 20 to 40 or 60.

It will take some time to edit the 330 pages. So i thought i could directly change this padding top on the layout css files where i find the fl-row-content-wrap padding top i wish to change.

I know i can change the padding top with a “important!” css setting in my main css theme file. But i prefer a “clean” way to do it.

So this is why i wish to make this change with bb plugin settings. Is it possible to search and replace a row setting ? Where are BB plugin css records ? Are there on the post meta table ?

4

Hey Adelino,

Yep, that won’t work since those files are being created dynamically. Do you mind sending the URL of the site you are working on so we can check?

Ben

5

http://www.arkadia-pc.fr

6

Hey Adelino,

Try this CSS snippet. It should change the top padding of all first rows on all pages.

.fl-builder-content .fl-row:first-child .fl-row-content-wrap {
  padding-top: 60px;
}

Ben

7

Thanks,

Well, i will try it. I have made my theme and its css settings. So, i know they are a few solutions to change the css padding top of that particular row.

I was just searching a search and replace padding top css setting on the bb plugin css layouts records.

I search on the post meta table and in think i found where bb plugin store the css layouts of my wesite page wich are creating dynamicly the css files on the cache folder.

i will try to make my changes there.

if it does not work, i well aplly the css custom snippet solution, or add it to my main css file setting with a “!important” attribute.

Thanks for your reactivity, as usual with beaver builder staff :wink:

8

Hey Adelino,

No worries! If you’re to use the CSS snippet above, it should work without the important declaration! :slight_smile:

Ben