full width themes

Post Reply
lodria
Master Bludit
Posts: 151
Joined: Wed Jan 29, 2020 8:32 pm
Has thanked: 27 times
Been thanked: 10 times

Hi!

I am looking for a topic that shows the writings created in full width. There are such full-width themes?
User avatar
Edi
Site Admin
Posts: 3121
Joined: Sun Aug 09, 2015 5:01 pm
Location: Zurich
Has thanked: 54 times
Been thanked: 77 times
Contact:

Have you an example for this? Full width is relative: There are themes which are full width on smaller screens for example.
Clickwork - Websites mit Bludit | Planet Bludit - Tipps und Snippets
lodria
Master Bludit
Posts: 151
Joined: Wed Jan 29, 2020 8:32 pm
Has thanked: 27 times
Been thanked: 10 times

I was thinking of things like Styler themes. In this theme, when I open a post, the header and footer are full-width, but there is a bar on each side of the body.
User avatar
Edi
Site Admin
Posts: 3121
Joined: Sun Aug 09, 2015 5:01 pm
Location: Zurich
Has thanked: 54 times
Been thanked: 77 times
Contact:

Can you please give a link.
Clickwork - Websites mit Bludit | Planet Bludit - Tipps und Snippets
lodria
Master Bludit
Posts: 151
Joined: Wed Jan 29, 2020 8:32 pm
Has thanked: 27 times
Been thanked: 10 times

Hi!

The link below shows what I was thinking:

http://apcool.nhely.hu/mobi/egy

The writing is bordered around the light gray color. Themes would be good for which it is not on the right and left, but can go to the edge of the screen. Of course you can change this in css, but I'm looking for a theme that's basically so wide.
User avatar
Edi
Site Admin
Posts: 3121
Joined: Sun Aug 09, 2015 5:01 pm
Location: Zurich
Has thanked: 54 times
Been thanked: 77 times
Contact:

For this you can modify the theme Alternative.

Add the following to the field "Header" of the plugin HTML Code:

Code: Select all

<style>
@media screen and (min-width: 992px) {

   .col-lg-8 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
   }

}
</style>
Clickwork - Websites mit Bludit | Planet Bludit - Tipps und Snippets
lodria
Master Bludit
Posts: 151
Joined: Wed Jan 29, 2020 8:32 pm
Has thanked: 27 times
Been thanked: 10 times

Thanks for the idea. This is partly a solution, but not a full width. With a couple of themes, I managed to solve it in part, but it’s not real yet. That's why I'm looking for themes. Thanks again, I'm looking for more solutions.
User avatar
Edi
Site Admin
Posts: 3121
Joined: Sun Aug 09, 2015 5:01 pm
Location: Zurich
Has thanked: 54 times
Been thanked: 77 times
Contact:

I asked you for an example, and I gave you the code for the same result.

Please give an example, that fits your needs.
Clickwork - Websites mit Bludit | Planet Bludit - Tipps und Snippets
lodria
Master Bludit
Posts: 151
Joined: Wed Jan 29, 2020 8:32 pm
Has thanked: 27 times
Been thanked: 10 times

I've been experimenting with this lately, but I couldn't reach full width here either. A few millimeters are missing ..

http://apcool.nhely.hu/portfolio/
http://apcool.nhely.hu/portfolio/vegyes

Let's say this is achieved:
https://www.pytes.net/websites
User avatar
Edi
Site Admin
Posts: 3121
Joined: Sun Aug 09, 2015 5:01 pm
Location: Zurich
Has thanked: 54 times
Been thanked: 77 times
Contact:

It's similar. The class site defines the max-with as 1322px (when the screen is larger than 1140px). You can use instead 100%.

In addition to this there is on the page "AP Style one" a table with a width of 99.5547% and rows with a padding of 0.75em. Use a with of 100% and a padding of 0.
Clickwork - Websites mit Bludit | Planet Bludit - Tipps und Snippets
Post Reply