Forum Replies Created
-
Posts
-
Now i added this code line
div .av_two_third { margin-left: 5%; width: 66%;and it worked
So what gonna happen now if I’d add a page with 4 columns?
Cheers
i Did like that
div .av_one_third { margin-left: 1%; width: 32.66%;what is the difference in putting or not #main?
Thanksss
Hi victoria I fixed with
/* no top line on container */ .container_wrap { border-top: none !important; }thanks
yes sorry because i changed now
look herebut I replaced the image with a bigger one so now you cant see if centered or not.
In case the images would be smaller, how to center them?Also
I put/* 3 COLUMNS styling */ div .av_one_third { margin-left: 1%; width: 32.66%; }but it does change also section with 2/3 not only 1/3, why?
thanks
I think i solved with
/* no top line on container */ .container_wrap { border-top: none !important; }Hi!
I have the same problem if I add a sidebar in the page.
I mean:
no side bar = no white padding neither desktop nor mobile
with sidebar = white padding only in mobilethis page https://www.phoenixdivers-kohlanta.com/koh-lanta/
Can someone help?
What I meant is that no matter how many columns I have in the content, I would like a quick CSS to control their position. Basically, I want to reduce the white between the images. I attach my website link. But I don’t want a quick CSS for one page, but something I can use for all website.
I jumped into this forum since still open.
A fast question:
What to add a Quick CSS to control the space between column, indipendentely of their number?
something like:/*---------------------------------------- // Column margin //-------------------------------------- div .flex_column { margin-left: 20px!important; right-left: 20px!important; }*/??
thanksHi.
I’d like to e helped in how to edit images added in a sidebar menu with navigation label.
I did like that as suggested in your forum:
<img src="myimage.jpg">
Couple of question
1) how can I have the smaller image (the seahorse) centered horizontally?
2) when I inspect the side bar images element added in this way, I notice that they have not alt and title description, should I add them manually?Thanks in advance
DanielPLEASE FORGIVE FOR CONFUSION, HERE I RESUME EVERYTHING
So, to make it clear.
when I remove the white bar with the code@media only screen and (max-width: 767px) { .responsive #top #wrap_all .post-entry-3765 .flex_column{ margin-bottom:0px!important; }} (by the moderator Jordan Shannon)all the image of the pages are stuck together vertically.
Then I added like that, to point my ID #first:
@media only screen and (max-width: 767px) { .responsive #top #wrap_all #first .container .flex_column{ margin-bottom:0px!important; }}and It worked perfectly.
But
if I add a side bar on that page, everything re-appears with border with a line in mobile view under an image.
Thanks for helping meif I add a sidebar on that page, the page goes back to show the white bar and the line below as without the code “@media only screen and (max-width: 767px)”
Can someone help me?
thanksunfortunately this:
`@media only screen and (max-width: 767px) {
.responsive #top #wrap_all #first .container .flex_column{
margin-bottom:0px!important;will apply at all desktop website two wide border, left and right.
may someone help me?
I did like that
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all #first .container .flex_column{
margin-bottom:0px!important;where #first is my custom ID attribute for that colour section.
It seems to work but i dont know anything about CSS, I just did it with my intuition.
is that correct? other way?
if I remove #first, will it apply to all colour section container?cheers
Also,
i’d like a quick CSS quick to apply in the future to other colour section i will add in different pages with the same goal.
so i guess I need to have a quick CSS referring to my #Custom ID Attribute, am I wrong?
Thanks again
