-
Posts
-
Hi,
I´ve added the custom css class “mmvippackagescolumnspacing” to a colour section on page one (see below) and then added the following code in quick css:
.mmvippackagescolumnspacing .av_one_third {
margin-left: 1%;
width: 85%;
}which has had the desired effect of reducing the space between the 3 columns on that page in that colour section.
However I have also added the same custom css class as above (“mmvippackagescolumnspacing”) to another colour section on a different (page two – see below) which has not had any affect at all.
Could you please advise as to why this isn´t working on the second page and how I would get the same effect as on the first page?
Many thanks in advance!!!
Hey ProTravelGolf,
I took a look at both pages and found that the columns have the same width, the reason the second one looks larger is because the padding on each side of the column content is white, instead of light gray as in the first page. So it appears that the space is larger. If you are going to leave the second page with no column colors, then try this css which will set the space between the columns to zero:#top.page-id-4168 .mmvippackagescolumnspacing .av-flex-placeholder { width: 0% !important; }Best regards,
MikeMike,
Great thanks that has helped but there are still white spaces between the 3 columns that I can´t seem to reduce further. Any further ideas?
Many thanks
Hi,
You can remove the remaining padding with this css:#top.page-id-4168 .mmvippackagescolumnspacing .post-entry-4168 .av_one_third { padding: 0px !important; }Best regards,
Mike
- You must be logged in to reply to this topic.