Return to previous page

About previous "layout issues"

This topic has 39 replies, 4 voices, and was last updated 10 years, 8 months ago ago by Eva Kemp

fredwerk

Participant

March 23, 2015 at 15:51

Hi,

About my previous, now closed, topic:
https://www.8theme.com/topic/layout-issues/

The Booking plugin developers advised me to make the following changes to:

From the /themes/legenda/style.css file.

Find the selector
.woocommerce td.product-name dl.variation dt, .woocommerce-page td.product-name dl.variation dt {
and remove /* float: left; */

find the
.shop_table .product-name dl dt {
and remove /* float: left !important;

find the
.woocommerce td.product-name dl.variation, .woocommerce-page td.product-name dl.variation {
and remove font-size: .8751em; */

How can I add this to the theme custom code part?

Many thanks,

#51712 Copied

38 Answers

Brian Johnson

Member

March 23, 2015 at 15:57

Hello

Please clarify your request with details of what you would like to achive removing default css code.

With best regards
Brian Johnson

#51716 Copied

fredwerk

Participant

March 23, 2015 at 16:01

Hi,

Previously, I mentioned about those layout issues with the word “extra” and “/” floating about the page, not being aligned:

https://www.dropbox.com/s/2pr14aa2659p00f/BEFORE%20Cart%20%7C%20TA%20Scotland.png?dl=0

https://www.dropbox.com/s/opkwerl425un3fn/BEFORE%20Checkout%20%7C%20TA%20Scotland.png?dl=0

On both screenshots, you can see the EXTRAS and / floating about, not sure what they are. Also they both consume a lot of space, wondering if that could be condensed, ideally fewer lines.

This is caused by a Booking plugin I have. The developers f this plugin advised me to make the above CSS changes the the theme style. Obviously I do not want to change the CSS directly as I want to keep those changes.

So I am wondering how I can makes those changes by adding code to the Custom area?

#51722 Copied

Brian Johnson

Member

March 23, 2015 at 16:19

It’s ok to place them to custom.css. Appearance->editor->custom.css and they should overwrite style.css. Fell free to contact us in case layout will need additional customization after this codes.

With best regards
Brian Johnson

#51729 Copied

fredwerk

Participant

March 23, 2015 at 16:26

Hi,

I think I did it properly but it doesn’t work.

If you could check that would be great.

Thanks,

Please, contact administrator
for this information.

#51736 Copied

Brian Johnson

Member

March 23, 2015 at 16:49

Sory.
I was unable to login with credentials above.

With best regards
Brian Johnson

#51744 Copied

fredwerk

Participant

March 23, 2015 at 16:56

Please try this.

Please, contact administrator
for this information.

#51745 Copied

Brian Johnson

Member

March 23, 2015 at 17:41

Sorry .I did not find the page with wrong alignment. Checkout page is free of errors. http://prntscr.com/6kdy27. Please provide me with the link to this page.

With best regards
Brian Johnson

#51757 Copied

fredwerk

Participant

March 23, 2015 at 17:46

Hi,

You logged in in one of our other sites.

Please check again in private section.

Thanks,

Add a product to the cart and then you will see the issue on the cart and checkout page.

Please, contact administrator
for this information.

#51759 Copied
Eva Kemp

Participant

March 23, 2015 at 19:50
Hello,

I’ve added this code in custom.css file to overwrite style.css code:

.woocommerce td.product-name dl.variation dt, .woocommerce-page td.product-name dl.variation dt { float: none !important; } .shop_table .product-name dl dt { float: none !important; }

but nothing has been changed.
Please contact the plugin author for further help.

Regards,
Eva Kemp.
#51802 Copied
fredwerk

Participant

March 23, 2015 at 20:05

Hi,

I see this code has fixed the word “Extras” being aligned properly.

I have contacted the plugin developer again but they will probably ask me to contact you again as they say the layout of the theme is not 100% compatible with the plugin and the theme CSS needs to be tweaked.

#51806 Copied

Eva Kemp

Participant

March 23, 2015 at 20:48

Hello,

If they provide you with other code that needs to be implemented we’ll help you with it.

Regards,
Eva Kemp.

#51816 Copied

fredwerk

Participant

March 31, 2015 at 11:32

Hi,

They sent me this:

“Please find your style.css file from your theme, and remove the line 8907, to remove the “/””

How do I put that in the custom css?

Thanks,

#53518 Copied
Eva Kemp

Participant

March 31, 2015 at 13:39
Hello,

I’ve added this code in custom.css file:

.shop_table .product-name dl dd:after { content: none !important; }

that overwrites the original code in style.css:

.shop_table .product-name dl dd:after { content: "/"; }

Please check now.

Regards,
Eva Kemp.
#53576 Copied
fredwerk

Participant

April 2, 2015 at 14:31

Works great, thanks 🙂

They also sent me this:

In your style css file, wp-content/themes/legenda/style.css file, at line 8901 for the selector:

media=”all”
.shop_table .product-name dl dd {

Remove

float: left;

If this could be added to the custom CSS that would be great.

Thanks,

#54216 Copied
Brian Johnson

Member

April 2, 2015 at 15:46
Hello

Please try to add this code:

.shop_table .product-name dl dd { float: none!important;

}

With best regards
Brian Johnson
#54238 Copied
fredwerk

Participant

April 2, 2015 at 16:39

Thanks, works great!

Finally, this looks a lot better 🙂 Many thanks.

One last thing (hopefully), there is a lot of white space between the lines on both the Cart and Checkout page. How can I reduce those spaces?

#54265 Copied

Brian Johnson

Member

April 2, 2015 at 16:53

Please provide us with screenshots for better understandig.

With best regards
Brian Johnson

#54270 Copied

fredwerk

Participant

April 2, 2015 at 16:59

Please see:

https://www.dropbox.com/s/iij4qx5djs6g67x/Cart%20%7C%20TA%20Scotland.png?dl=0

Basically the whole section between the photo and BASKET TOTAL, everything is ordered on top of each other and for example, there is a white gap between the lines and amounts:

————-

Adults 1
+ £10

————-

Etc…..

#54275 Copied

Brian Johnson

Member

April 2, 2015 at 17:30

You may decrease white space between motioned words with:
.dopbsp-wc-cart{margin-bottom:0;}
Please describe or provide us with picture of what you would like to achieve.
With best regards
Brian Johnson

#54288 Copied

fredwerk

Participant

April 2, 2015 at 17:36

Hi,

Please see https://www.dropbox.com/s/62xefhwxwecezzq/Cart%20%7C%20TA%20Scotland.jpg?dl=0

I just did it at the top to give you an idea of what I need: You can see from CRUISES to Extras. I would like this to be like that for whats below as well. Basically decreasing white space will allow to see more products without scrolling down forever.

I want this for the Checkout page as well.

many thanks,

#54293 Copied
Brian Johnson

Member

April 2, 2015 at 17:47
Please try this code:

.dopbsp-wc-cart td{padding: 5px 5px 5px 5px !important} .product-name td {padding-bottom:1px!important;} .dopbsp-wc-cart{margin-bottom:0;}

With best regards
Brian Johnson
#54298 Copied
fredwerk

Participant

April 2, 2015 at 17:51

Hi,

Thanks but it doesn’t seem to work.

#54300 Copied

Brian Johnson

Member

April 2, 2015 at 18:00

Please close previous code in custom.css with “}” character.

With best regards
Brian Johnson

#54303 Copied

fredwerk

Participant

April 2, 2015 at 18:06

Hi,

This works great. many thanks 🙂

Is it possible to have the “Extras:” closer to its section (“Adults” and son on).

And a slight gap between “Price” and “Extras:”

Many thanks and sorry to be a bother,

#54305 Copied
Robert Hall

Participant

April 3, 2015 at 08:00
Hello,

1) Try to use this code:

.DOPBSPCalendar-sidebar .dopbsp-module h4{ padding: 10px 0 10px !important; }

2) Please provide us with link to the page where you have slight gap between “Price” and “Extras:”.

Regards,
Robert Hall.
#54440 Copied
Brian Johnson

Member

April 3, 2015 at 08:48
Please replace this code:

.dopbsp-wc-cart td{padding: 5px 5px 5px 5px !important} .product-name td {padding-bottom:1px!important;} .dopbsp-wc-cart{margin-bottom:0;}

with this:

.woocommerce td.product-name dl.variation dt, .woocommerce-page td.product-name dl.variation dt{ padding-left:5px!important;} .dopbsp-wc-cart td{padding: 0px 0px 0px 5px !important;} .product-name td {padding-bottom:0px!important; } .woocommerce table.shop_table, .woocommerce-page table.shop_table .variation-details {margin-bottom:0px!important;} .dopbsp-wc-cart{margin-bottom:0; }
#54467 Copied
fredwerk

Participant

April 3, 2015 at 15:30

Hi,

Sorry, you lost me, where do I find this code to replace?

.dopbsp-wc-cart td{padding: 5px 5px 5px 5px !important}
.product-name td {padding-bottom:1px!important;}
.dopbsp-wc-cart{margin-bottom:0;}

I cannot find it in custom.css

#54545 Copied

Brian Johnson

Member

April 3, 2015 at 15:36

I have replaced code. Please check your site now.

With best regards
Brian Johnson

#54548 Copied

fredwerk

Participant

April 3, 2015 at 15:45

Hi,

On the cart page https://www.dropbox.com/s/iij4qx5djs6g67x/Cart%20%7C%20TA%20Scotland.png?dl=0

“Reservation 486” is not aligned with the likes of “Booking”, “Details”, etc… everything else looks aligned beside that.

As well, the word “Extras” is closer to ‘Price” and I would like “Extras” to be closer to its section below “Adults”.

On the checkout page https://www.dropbox.com/s/kptphzbe8qona4g/Checkout%20%7C%20TA%20Scotland.png?dl=0

Same issues than above.

And the price for the 2 sections “Paid Today” and “Remaining Amount” are not aligned right with the above price “Order Total”.

Many thanks,

#54550 Copied
1 2 →

Viewing 30 results - 1 through 30 (of 39 total)